html {
    color: #000;
    background: #FFF
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,q:after {
    content: ''
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input,textarea,select {
    *font-size: 100%
}

legend {
    color: #000
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both
}

a {
    text-decoration: none
}/*! Copyright (c) Nicolas Gallagher and Jonathan Neal *//*! normalize.css v1.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
                                                                                                                         display: block
                                                                                                                     }

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #e9edf0
}

html,button,input,select,textarea {
    font-family: STHeiti,'Microsoft YaHei',arial,\5b8b\4f53
}

body {
    font: 12px/18px STHeiti,'Microsoft YaHei',arial,\5b8b\4f53;
    color: #333
}

a {
    color: #227dc5
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,kbd,pre,samp {
    font-family: monospace,serif;
    _font-family: 'courier new',monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-helper-grid {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.ui-helper-sprite {
    background: url(http://s.xnimg.cn/nx/core/theme/images/sprite_201406051546.png) no-repeat
}

.ui-front {
    z-index: 200
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .8;
    filter: Alpha(Opacity=80)
}

.ui-widget-shadow {
    margin: -8px;
    padding: 8px;
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.ui-state-error {
    color: #e89c9c
}

.ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
    cursor: default
}

.ui-button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 20px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #fbfbfb;
    background-image: -ms-linear-gradient(top,#fefefe 0,#f8f8f8 100%);
    background-image: -moz-linear-gradient(top,#fefefe 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fefefe 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(1,#f8f8f8));
    background-image: -webkit-linear-gradient(top,#fefefe 0,#f8f8f8 100%);
    background-image: linear-gradient(to bottom,#fefefe 0,#f8f8f8 100%);
    border: 1px solid #a7acb5;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.15)
}

.ui-button:hover,.ui-button.ui-state-hover {
    border-color: #727986;
    color: #333
}

.ui-button-blue {
    background: #3e94d7;
    background-image: -ms-linear-gradient(top,#4498da 0,#388fd4 100%);
    background-image: -moz-linear-gradient(top,#4498da 0,#388fd4 100%);
    background-image: -o-linear-gradient(top,#4498da 0,#388fd4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4498da),color-stop(1,#388fd4));
    background-image: -webkit-linear-gradient(top,#4498da 0,#388fd4 100%);
    background-image: linear-gradient(to bottom,#4498da 0,#388fd4 100%);
    color: #fff;
    border-color: #418bc4
}

.ui-button-blue:hover,.ui-button-blue.ui-state-hover {
    border-color: #196fb3;
    color: #fff
}

.ui-button-green {
    background: #75ac5a;
    background-image: -ms-linear-gradient(bottom,#73ab59 0,#7bb460 100%);
    background-image: -moz-linear-gradient(bottom,#73ab59 0,#7bb460 100%);
    background-image: -o-linear-gradient(bottom,#73ab59 0,#7bb460 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#73ab59),color-stop(1,#7bb460));
    background-image: -webkit-linear-gradient(bottom,#73ab59 0,#7bb460 100%);
    background-image: linear-gradient(to top,#73ab59 0,#7bb460 100%);
    color: #fff;
    border-color: #75ab5b
}

.ui-button-green:hover,.ui-button-green.ui-state-hover {
    border-color: #5e9643;
    color: #fff
}

.ui-button-purple {
    background: #8b64b0;
    background-image: -ms-linear-gradient(bottom,#865eaa 0,#9069b4 100%);
    background-image: -moz-linear-gradient(bottom,#865eaa 0,#9069b4 100%);
    background-image: -o-linear-gradient(bottom,#865eaa 0,#9069b4 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#865eaa),color-stop(1,#9069b4));
    background-image: -webkit-linear-gradient(bottom,#865eaa 0,#9069b4 100%);
    background-image: linear-gradient(to top,#865eaa 0,#9069b4 100%);
    color: #fff;
    border-color: #7a4caa
}

.ui-button-purple:hover,.ui-button-purple.ui-state-hover {
    border-color: #524ea8;
    color: #fff
}

.ui-button-small {
    font-size: 12px;
    line-height: 23px;
    padding: 0 10px
}

.ui-button .ui-icon {
    position: relative;
    top: -1px
}

.ui-button-text-icon-primary .ui-icon {
    margin-right: 7px
}

.ui-button-text-icon-secondary .ui-icon {
    margin-left: 7px
}

.ui-button-icons-only,.ui-button-icon-only {
    padding: 0;
    border: 0;
    background: 0;
    box-shadow: none;
    font-size: 1em;
    line-height: normal
}

.ui-button.ui-state-disabled,.ui-button.ui-state-disabled:hover,.ui-button.ui-state-disabled.ui-state-hover {
    border-color: #dbdbdb;
    background: #fbfbfb;
    color: #a8a8a8;
    cursor: default
}

.ui-icon {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    overflow: hidden;
    background-repeat: no-repeat
}

.textinput {
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding: 8px 10px 4px;
    color: #aaa;
    border: 1px solid #ddd;
    background: #fff;
    vertical-align: middle;
    transition: border linear .2s,box-shadow linear .2s
}

.textinput:focus {
    border-color: #9cc6e8;
    box-shadow: 0 0 3px 0 #9cc6e8;
    outline: 0
}

.textinputerror {
    border-color: #e89c9c;
    box-shadow: 0 0 3px 0 #e89c9c
}

.textinputdisabled {
    border-color: #dbdbdb;
    background: #fbfbfb;
    color: #bfbfbf
}

.ui-icon {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-default_1423641197085.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-highlight .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-hover_1423641197085.png)
}

.ui-icon-add {
    background-position: -72px -110px;
    width: 18px;
    height: 16px
}

.ui-icon-addfriend {
    background-position: -170px -18px;
    width: 16px;
    height: 16px
}

.ui-icon-android {
    background-position: -132px -54px;
    width: 16px;
    height: 16px
}

.ui-icon-apps {
    background-position: -150px 0;
    width: 18px;
    height: 16px
}

.ui-icon-artist {
    background-position: -150px -54px;
    width: 18px;
    height: 16px
}

.ui-icon-at {
    background-position: -170px -36px;
    width: 16px;
    height: 16px
}

.ui-icon-backward {
    background-position: -170px -90px;
    width: 16px;
    height: 16px
}

.ui-icon-blacklist {
    background-position: -170px -108px;
    width: 16px;
    height: 16px
}

.ui-icon-calendar {
    background-position: -170px -144px;
    width: 16px;
    height: 16px
}

.ui-icon-caratb {
    background-position: -37px -218px;
    width: 9px;
    height: 6px
}

.ui-icon-caratl {
    background-position: -226px -37px;
    width: 6px;
    height: 9px
}

.ui-icon-caratr {
    background-position: -226px -26px;
    width: 6px;
    height: 9px
}

.ui-icon-caratt {
    background-position: -26px -218px;
    width: 9px;
    height: 6px
}

.ui-icon-chat {
    background-position: -188px -126px;
    width: 16px;
    height: 16px
}

.ui-icon-chatadd {
    background-position: -188px -144px;
    width: 16px;
    height: 16px
}

.ui-icon-chathistory {
    background-position: -54px -182px;
    width: 16px;
    height: 16px
}

.ui-icon-chatread {
    background-position: -90px -182px;
    width: 16px;
    height: 16px
}

.ui-icon-close {
    background-position: -108px -182px;
    width: 18px;
    height: 16px
}

.ui-icon-collect {
    background-position: -128px -182px;
    width: 18px;
    height: 16px
}

.ui-icon-comefrom {
    background-position: -148px -182px;
    width: 16px;
    height: 16px
}

.ui-icon-commit {
    background-position: -166px -182px;
    width: 18px;
    height: 16px
}

.ui-icon-controller {
    background-position: -186px -182px;
    width: 18px;
    height: 16px
}

.ui-icon-copylink {
    background-position: -208px 0;
    width: 16px;
    height: 16px
}

.ui-icon-crown {
    background-position: -208px -18px;
    width: 16px;
    height: 16px
}

.ui-icon-crowncolor {
    background-position: -208px -36px;
    width: 16px;
    height: 16px
}

.ui-icon-customerservice {
    background-position: 0 -200px;
    width: 18px;
    height: 16px
}

.ui-icon-cut {
    background-position: -208px -54px;
    width: 16px;
    height: 16px
}

.ui-icon-delete {
    background-position: -208px -72px;
    width: 16px;
    height: 16px
}

.ui-icon-deletefriend {
    background-position: -208px -90px;
    width: 16px;
    height: 16px
}

.ui-icon-deletegroup {
    background-position: -208px -144px;
    width: 16px;
    height: 16px
}

.ui-icon-download {
    background-position: 0 -110px;
    width: 16px;
    height: 16px
}

.ui-icon-edit {
    background-position: -18px -110px;
    width: 16px;
    height: 16px
}

.ui-icon-emotion {
    background-position: -36px -110px;
    width: 16px;
    height: 16px
}

.ui-icon-external {
    background-position: -54px -110px;
    width: 16px;
    height: 16px
}

.ui-icon-failure {
    background-position: -66px -66px;
    width: 20px;
    height: 20px
}

.ui-icon-fire {
    background-position: -92px -110px;
    width: 16px;
    height: 16px
}

.ui-icon-flag {
    background-position: -110px -110px;
    width: 16px;
    height: 16px
}

.ui-icon-forward {
    background-position: -132px 0;
    width: 16px;
    height: 16px
}

.ui-icon-friends {
    background-position: -132px -18px;
    width: 16px;
    height: 16px
}

.ui-icon-fullscreen {
    background-position: 0 -128px;
    width: 18px;
    height: 16px
}

.ui-icon-gift {
    background-position: -132px -36px;
    width: 16px;
    height: 16px
}

.ui-icon-grid {
    background-position: 0 -22px;
    width: 20px;
    height: 20px
}

.ui-icon-group {
    background-position: -132px -72px;
    width: 16px;
    height: 16px
}

.ui-icon-growup {
    background-position: -132px -90px;
    width: 16px;
    height: 16px
}

.ui-icon-guide {
    background-position: -132px -108px;
    width: 16px;
    height: 16px
}

.ui-icon-help {
    background-position: -20px -128px;
    width: 16px;
    height: 16px
}

.ui-icon-home {
    background-position: -38px -128px;
    width: 16px;
    height: 16px
}

.ui-icon-image {
    background-position: -56px -128px;
    width: 16px;
    height: 16px
}

.ui-icon-intelsort {
    background-position: -74px -128px;
    width: 16px;
    height: 16px
}

.ui-icon-ipad {
    background-position: -92px -128px;
    width: 16px;
    height: 16px
}

.ui-icon-iphone {
    background-position: -110px -128px;
    width: 16px;
    height: 16px
}

.ui-icon-lbs {
    background-position: -128px -128px;
    width: 18px;
    height: 16px
}

.ui-icon-lclose {
    background-position: -22px -22px;
    width: 20px;
    height: 20px
}

.ui-icon-like {
    background-position: -150px -18px;
    width: 18px;
    height: 16px
}

.ui-icon-link {
    background-position: -150px -36px;
    width: 16px;
    height: 16px
}

.ui-icon-list {
    background-position: -44px 0;
    width: 20px;
    height: 20px
}

.ui-icon-lock {
    background-position: -150px -72px;
    width: 16px;
    height: 16px
}

.ui-icon-magnifier {
    background-position: -150px -90px;
    width: 16px;
    height: 16px
}

.ui-icon-mail {
    background-position: -150px -108px;
    width: 18px;
    height: 16px
}

.ui-icon-menu {
    background-position: -150px -126px;
    width: 16px;
    height: 16px
}

.ui-icon-microphone {
    background-position: 0 -146px;
    width: 16px;
    height: 16px
}

.ui-icon-mine {
    background-position: -18px -146px;
    width: 16px;
    height: 16px
}

.ui-icon-money {
    background-position: -36px -146px;
    width: 16px;
    height: 16px
}

.ui-icon-more {
    background-position: -54px -146px;
    width: 18px;
    height: 16px
}

.ui-icon-music {
    background-position: -74px -146px;
    width: 16px;
    height: 16px
}

.ui-icon-mute {
    background-position: -92px -146px;
    width: 18px;
    height: 16px
}

.ui-icon-out {
    background-position: -112px -146px;
    width: 16px;
    height: 16px
}

.ui-icon-page {
    background-position: -130px -146px;
    width: 16px;
    height: 16px
}

.ui-icon-parse {
    background-position: -148px -146px;
    width: 18px;
    height: 16px
}

.ui-icon-password {
    background-position: -170px 0;
    width: 16px;
    height: 16px
}

.ui-icon-pay {
    background-position: -110px -88px;
    width: 16px;
    height: 16px
}

.ui-icon-pblog {
    background-position: -44px -22px;
    width: 20px;
    height: 20px
}

.ui-icon-pc {
    background-position: -170px -54px;
    width: 16px;
    height: 16px
}

.ui-icon-play {
    background-position: -170px -72px;
    width: 16px;
    height: 16px
}

.ui-icon-pmore {
    background-position: 0 -44px;
    width: 20px;
    height: 20px
}

.ui-icon-pmovie {
    background-position: -22px -44px;
    width: 20px;
    height: 20px
}

.ui-icon-popup {
    background-position: -170px -126px;
    width: 16px;
    height: 16px
}

.ui-icon-pphoto {
    background-position: -44px -44px;
    width: 20px;
    height: 20px
}

.ui-icon-privacysetting {
    background-position: 0 -164px;
    width: 16px;
    height: 16px
}

.ui-icon-profile {
    background-position: -18px -164px;
    width: 16px;
    height: 16px
}

.ui-icon-pshare {
    background-position: -66px 0;
    width: 20px;
    height: 20px
}

.ui-icon-public {
    background-position: -54px -164px;
    width: 16px;
    height: 16px
}

.ui-icon-pvideo {
    background-position: -66px -22px;
    width: 20px;
    height: 20px
}

.ui-icon-quitfullscreen {
    background-position: -90px -164px;
    width: 18px;
    height: 16px
}

.ui-icon-refresh {
    background-position: -110px -164px;
    width: 16px;
    height: 16px
}

.ui-icon-remind {
    background-position: -128px -164px;
    width: 16px;
    height: 16px
}

.ui-icon-right {
    background-position: -146px -164px;
    width: 18px;
    height: 16px
}

.ui-icon-rss {
    background-position: -166px -164px;
    width: 16px;
    height: 16px
}

.ui-icon-setting {
    background-position: -188px 0;
    width: 18px;
    height: 16px
}

.ui-icon-share {
    background-position: -188px -18px;
    width: 18px;
    height: 16px
}

.ui-icon-shield {
    background-position: -188px -36px;
    width: 18px;
    height: 16px
}

.ui-icon-smallsite {
    background-position: -188px -54px;
    width: 18px;
    height: 16px
}

.ui-icon-specialfriend {
    background-position: -188px -72px;
    width: 16px;
    height: 16px
}

.ui-icon-square-caratb {
    background-position: -66px -44px;
    width: 20px;
    height: 20px
}

.ui-icon-square-caratl {
    background-position: 0 -66px;
    width: 20px;
    height: 20px
}

.ui-icon-square-caratr {
    background-position: -22px -66px;
    width: 20px;
    height: 20px
}

.ui-icon-square-caratt {
    background-position: -44px -66px;
    width: 20px;
    height: 20px
}

.ui-icon-square-fire {
    background-position: -188px -162px;
    width: 16px;
    height: 16px
}

.ui-icon-square-friends {
    background-position: 0 -182px;
    width: 16px;
    height: 16px
}

.ui-icon-square-home {
    background-position: -18px -182px;
    width: 16px;
    height: 16px
}

.ui-icon-square-image {
    background-position: -36px -182px;
    width: 16px;
    height: 16px
}

.ui-icon-square-lclose {
    background-position: 0 0;
    width: 20px;
    height: 20px
}

.ui-icon-square-mine {
    background-position: -72px -182px;
    width: 16px;
    height: 16px
}

.ui-icon-square-more {
    background-position: -88px 0;
    width: 20px;
    height: 20px
}

.ui-icon-square-pblog {
    background-position: -88px -22px;
    width: 20px;
    height: 20px
}

.ui-icon-square-pmore {
    background-position: -88px -44px;
    width: 20px;
    height: 20px
}

.ui-icon-square-pmovie {
    background-position: -88px -66px;
    width: 20px;
    height: 20px
}

.ui-icon-square-pphoto {
    background-position: 0 -88px;
    width: 20px;
    height: 20px
}

.ui-icon-square-pshare {
    background-position: -22px -88px;
    width: 20px;
    height: 20px
}

.ui-icon-square-pvideo {
    background-position: -44px -88px;
    width: 20px;
    height: 20px
}

.ui-icon-square-setting {
    background-position: -66px -88px;
    width: 20px;
    height: 20px
}

.ui-icon-square-trash {
    background-position: -88px -88px;
    width: 20px;
    height: 20px
}

.ui-icon-square-triangleb {
    background-position: -110px 0;
    width: 20px;
    height: 20px
}

.ui-icon-square-trianglel {
    background-position: -110px -22px;
    width: 20px;
    height: 20px
}

.ui-icon-square-triangler {
    background-position: -110px -44px;
    width: 20px;
    height: 20px
}

.ui-icon-square-trianglet {
    background-position: -110px -66px;
    width: 20px;
    height: 20px
}

.ui-icon-square-user {
    background-position: -208px -108px;
    width: 16px;
    height: 16px
}

.ui-icon-star {
    background-position: -208px -126px;
    width: 16px;
    height: 16px
}

.ui-icon-success {
    background-position: -22px 0;
    width: 20px;
    height: 20px
}

.ui-icon-superman {
    background-position: -208px -162px;
    width: 16px;
    height: 16px
}

.ui-icon-time {
    background-position: -208px -180px;
    width: 16px;
    height: 16px
}

.ui-icon-toogleuser {
    background-position: -20px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-transport {
    background-position: -38px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-triangleb {
    background-position: -13px -218px;
    width: 11px;
    height: 6px
}

.ui-icon-trianglel {
    background-position: -226px -13px;
    width: 6px;
    height: 11px
}

.ui-icon-triangler {
    background-position: -226px 0;
    width: 6px;
    height: 11px
}

.ui-icon-trianglet {
    background-position: 0 -218px;
    width: 11px;
    height: 6px
}

.ui-icon-turnleft {
    background-position: -130px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-turnright {
    background-position: -148px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-unlock {
    background-position: -166px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-update {
    background-position: -184px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-upload {
    background-position: -112px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-user {
    background-position: -94px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-video {
    background-position: -76px -200px;
    width: 16px;
    height: 16px
}

.ui-icon-view {
    background-position: -56px -200px;
    width: 18px;
    height: 16px
}

.ui-icon-volume {
    background-position: -188px -108px;
    width: 18px;
    height: 16px
}

.ui-icon-vote {
    background-position: -188px -90px;
    width: 16px;
    height: 16px
}

.ui-icon-whitelist {
    background-position: -72px -164px;
    width: 16px;
    height: 16px
}

.ui-icon-zoomin {
    background-position: -36px -164px;
    width: 16px;
    height: 16px
}

.ui-icon-zoomout {
    background-position: -202px -200px;
    width: 16px;
    height: 16px
}

@font-face {
    font-family:'rr-iconfont';src:url('http://s.xnimg.cn/nx/core/font/rr-iconfont.eot?#iefix');src:url('http://s.xnimg.cn/nx/core/font/rr-iconfont.eot?#iefix') format('embedded-opentype'),url('http://s.xnimg.cn/nx/core/font/rr-iconfont.woff') format('woff'),url('http://s.xnimg.cn/nx/core/font/rr-iconfont.ttf') format('truetype'),url('http://s.xnimg.cn/nx/core/font/rr-iconfont.svg#iconfont') format('svg')
}

.rr-iconfont {
    font-family: 'rr-iconfont';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    *zoom: 1;
    font-size: 16px;
    vertical-align: top;
    *vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconfont24 {
    font-size: 24px
}

.iconfont32 {
    font-size: 32px
}

.iconfont-gray {
    color: #aaa
}

.iconfont-blue {
    color: #227dc5
}

@font-face {
    font-family:'nxiconfont';src:url('http://s.xnimg.cn/nx/core/theme/iconfont/nxiconfont.eot');src:url('http://s.xnimg.cn/nx/core/theme/iconfont/nxiconfont.eot?#iefix') format('embedded-opentype'),url('http://s.xnimg.cn/nx/core/theme/iconfont/nxiconfont.woff') format('woff'),url('http://s.xnimg.cn/nx/core/theme/iconfont/nxiconfont.ttf') format('truetype'),url('http://s.xnimg.cn/nx/core/theme/iconfont/nxiconfont.svg#nxiconfont') format('svg')
}

.ui-iconfont {
    font-family: 'nxiconfont';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a4aab4;
    background: 0;
    width: 18px;
    height: 18px;
    overflow: visible
}

.ui-state-hover .ui-iconfont,.ui-state-focus .ui-iconfont,.ui-state-highlight .ui-iconfont,.ui-button:hover .ui-iconfont,.ui-button:focus .ui-iconfont {
    color: #717681;
    background: 0
}

.ui-button-blue .ui-iconfont,.ui-button-purple .ui-iconfont,.ui-button-green .ui-iconfont,.ui-button-blue:hover .ui-iconfont,.ui-button-purple:hover .ui-iconfont,.ui-button-green:hover .ui-iconfont,.ui-button-blue:focus .ui-iconfont,.ui-button-purple:focus .ui-iconfont,.ui-button-green:focus .ui-iconfont {
    color: #fff
}

.ui-icon-tcheck {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -86px 0;
    width: 16px;
    height: 16px
}

.ui-state-hover .ui-icon-tcheck,.ui-state-focus .ui-icon-tcheck,.ui-state-highlight .ui-icon-tcheck,.ui-button:hover .ui-icon-tcheck,.ui-button:focus .ui-icon-tcheck {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -60px -66px
}

.ui-state-highlight .ui-icon-tcheck {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -86px -18px
}

.ui-icon-tcommit {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -44px 0;
    width: 20px;
    height: 20px
}

.ui-state-hover .ui-icon-tcommit,.ui-state-focus .ui-icon-tcommit,.ui-state-highlight .ui-icon-tcommit,.ui-button:hover .ui-icon-tcommit,.ui-button:focus .ui-icon-tcommit {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -22px -22px
}

.ui-state-highlight .ui-icon-tcommit {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: 0 -22px
}

.ui-icon-tlike {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -22px -44px;
    width: 20px;
    height: 20px
}

.ui-state-hover .ui-icon-tlike,.ui-state-focus .ui-icon-tlike,.ui-state-highlight .ui-icon-tlike,.ui-button:hover .ui-icon-tlike,.ui-button:focus .ui-icon-tlike {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: 0 -44px
}

.ui-state-highlight .ui-icon-tlike {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -44px -22px
}

.ui-icon-tradio {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -66px -40px;
    width: 18px;
    height: 18px
}

.ui-state-hover .ui-icon-tradio,.ui-state-focus .ui-icon-tradio,.ui-state-highlight .ui-icon-tradio,.ui-button:hover .ui-icon-tradio,.ui-button:focus .ui-icon-tradio {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -66px -20px
}

.ui-state-highlight .ui-icon-tradio {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -66px 0
}

.ui-icon-tradios {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -40px -66px;
    width: 18px;
    height: 18px
}

.ui-state-hover .ui-icon-tradios,.ui-state-focus .ui-icon-tradios,.ui-state-highlight .ui-icon-tradios,.ui-button:hover .ui-icon-tradios,.ui-button:focus .ui-icon-tradios {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -20px -66px
}

.ui-state-highlight .ui-icon-tradios {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: 0 -66px
}

.ui-icon-tshare {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: 0 0;
    width: 20px;
    height: 20px
}

.ui-state-hover .ui-icon-tshare,.ui-state-focus .ui-icon-tshare,.ui-state-highlight .ui-icon-tshare,.ui-button:hover .ui-icon-tshare,.ui-button:focus .ui-icon-tshare {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -22px 0
}

.ui-state-highlight .ui-icon-tshare {
    background-image: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-triple_1423641197085.png);
    background-position: -44px -44px
}

.customprivacy-selected-black {
    background: url(http://s.xnimg.cn/nx/core/theme/images/skin.png) -22px 0 no-repeat
}

.customprivacy-selected-white {
    background: url(http://s.xnimg.cn/nx/core/theme/images/skin.png) 0 -22px no-repeat
}

.ui-autocomplete {
    padding: 0;
    border: 1px solid #d4d4d4;
    position: absolute
}

.ui-autocomplete .ui-menu-item {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    background-color: white
}

.ui-autocomplete .ui-state-focus {
    background-color: #e1e9f0
}

.ui-columns {
    position: relative
}

.ui-columns-brick {
    position: absolute;
    width: 200px;
    height: 300px;
    border: 1px solid #eee
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 23px 0 rgba(22,5,7,0.3);
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    background: #f8f8f8
}

.ui-dialog:focus {
    outline: 0
}

.ui-dialog .ui-widget-header {
    padding: 20px 30px;
    position: relative;
    z-index: 1
}

.ui-dialog .ui-dialog-title {
    margin: .1em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 25px
}

.ui-dialog .ui-dialog-close {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 20px;
    padding: 0;
    height: 20px;
    line-height: 20px;
    border: 0;
    overflow: hidden;
    z-index: 1;
    box-shadow: none;
    background: 0
}

.ui-dialog .ui-dialog-close .ui-icon {
    text-indent: 0;
    vertical-align: top;
    *display: block;
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    width: 20px
}

.ui-dialog .ui-widget-content {
    position: relative;
    padding: 0 30px;
    overflow: auto
}

.ui-dialog .ui-widget-footer {
    background: #fff;
    padding: 20px 30px;
    _height: 1%
}

.ui-dialog .ui-widget-footer .ui-dialog-buttonset {
    float: right;
    _height: 38px
}

.ui-dialog .ui-widget-footer button {
    margin-left: 10px
}

.ui-draggable .ui-widget-header {
    cursor: move
}

.ui-dialog .ui-widget-footer .ui-button {
    _padding: 2px 15px
}

.ui-dialog-alert .ui-widget-header,.ui-dialog-confirm .ui-widget-header {
    padding-top: 0
}

.ui-dialog-alert .ui-widget-content,.ui-dialog-confirm .ui-widget-content {
    padding-top: 25px;
    padding-bottom: 45px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.ui-dialog-alert .ui-widget-content .ui-icon {
    margin-right: 10px;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px
}

.ui-dialog-alert .ui-widget-content .ui-icon.ui-icon-success {
    color: #75ac5a
}

.ui-dialog-alert .ui-widget-content .ui-icon.ui-icon-failure {
    color: #ff5d54
}

.ui-dialog-alert-context {
    float: left;
    text-align: left;
    width: 400px
}

.ui-dialog-confirm p {
    margin-bottom: 25px
}

.ui-dialog-confirm input {
    width: 90px
}

.ui-dialog-confirm img {
    height: 32px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer
}

.ui-dialog .ui-widget .ui-widget-content {
    padding: 0
}

.ui-fileupload {
    position: relative
}

.ui-fileupload input {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px,0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer
}

.ui-fileupload object {
    position: absolute;
    top: 0;
    left: 0
}

.page-item {
    display: inline-block;
    *zoom: 1;
    padding: 2px 6px 3px;
    margin-right: 3px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    background: #fff;
    color: #999;
    border: solid 1px #ccc;
    border-bottom: solid 2px #ccc
}

.page-item:hover {
    background: #eee;
    color: #666;
    text-decoration: none
}

.page-disable,.page-disable:hover {
    color: #ddd;
    background: #fff;
    cursor: default
}

.page-current,.page-current:hover {
    color: #333;
    font-weight: bold;
    background: #fff;
    cursor: default;
    border-bottom: 3px solid #207cc7;
    padding-bottom: 2px
}

.ui-progressbar {
    height: 3px;
    text-align: left;
    overflow: hidden;
    background: #cfcfcf;
    border: 0
}

.ui-progressbar .ui-progressbar-value {
    height: 100%;
    background: #227dc5
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.side-item {
    border: 1px solid #e1dfdf;
    border-radius: 2px;
    box-shadow: 0 1px 1px #ccc;
    width: 240px;
    background: #fff;
    margin-bottom: 15px
}

.side-item-header {
    font-size: 14px;
    margin: 12px 10px 8px;
    height: 20px
}

.side-item-header h4 {
    float: left
}

.side-item-header .option {
    float: right
}

.side-item .tip-footer,.side-item-header .more,.side-item-header .pager-forward,.side-item-header .pager-back,.recommend-friends-list li .add-btn,.right-opt-tip-arrow:after {
    background-image: url(http://a.xnimg.cn/nx/core/theme/images/icons-footprint.png)
}

.side-item .tip-footer {
    display: block;
    height: 5px;
    width: 8px;
    position: absolute;
    top: 34px;
    background-position: -26px -7px
}

.side-item-header .more,.side-item-header .pager-forward,.side-item-header .pager-back {
    display: block;
    width: 20px;
    height: 19px;
    float: left;
    overflow: hidden;
    background-position: 0 0;
    outline: 0;
    border-radius: 2px;
    margin-left: 3px
}

.side-item-header .pager-back {
    background-position: 0 -40px;
    display: none
}

.side-item-header .pager-forward {
    background-position: 0 -80px;
    display: none
}

.side-item-header .more:hover {
    background-color: #e8edf1;
    background-position: 0 -20px
}

.side-item-header .pager-back:hover {
    background-color: #e8edf1;
    background-position: 0 -60px
}

.side-item-header .pager-forward:hover {
    background-color: #e8edf1;
    background-position: 0 -99px
}

.side-item-header .back-disable,.side-item-header .back-disable:hover {
    background-position: 0 -120px;
    cursor: default;
    background-color: #fff
}

.side-item-header .forward-disable,.side-item-header .forward-disable:hover {
    background-position: 0 -140px;
    cursor: default;
    background-color: #fff
}

.side-item-body {
    padding: 5px 0
}

.footprint-box {
    display: none
}

.footprint-box .no-footprint {
    text-align: center;
    padding: 20px 0;
    margin-left: 35px
}

.footprint-box .side-item-header {
    margin: 5px 15px
}

.recommend-area .side-item-header {
    padding: 12px 15px 8px;
    margin: 0
}

.recommend-area.recommend2 .side-item-header .pager-forward {
    display: block
}

#footprintNum {
    margin: 0 5px
}

.active #footprintNum {
    display: none
}

.footprint-area {
    width: 224px;
    height: 40px;
    overflow: hidden;
    margin-left: 14px;
    position: relative;
    padding: 0
}

.footprint-people-list {
    position: absolute;
    width: 5000px
}

.footprint-people-list li {
    float: left;
    width: 32px;
    margin-right: 4px
}

.footprint-people-list li span {
    overflow: visible;
    _overflow: hidden;
    white-space: nowrap
}

.footprint-people-list .headpichold {
    display: block;
    text-align: left;
    *zoom: 1
}

.footprint-people-list .headpichold a {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    overflow: hidden;
    display: block
}

.footprint-people-list .headpichold a .footprint-thumb {
    float: left;
    width: 32px;
    height: 32px
}

.footprint-people-list .time-tip {
    display: none
}

.footprint-people-list .fphover .time-tip {
    height: 26px;
    text-align: center;
    position: absolute;
    top: -40px;
    left: -20px;
    display: block;
    white-space: nowrap
}

.footprint-people-list .fphover .time-tip .tip-content {
    display: block;
    height: 17px;
    line-height: 17px;
    padding: 8px 12px;
    text-align: center;
    top: 0;
    left: 0;
    background: #535353;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff
}

.footprint-people-list .fphover .time-tip .tip-footer {
    display: block;
    height: 5px;
    width: 8px;
    position: absolute;
    top: 33px;
    left: 31px
}

.footprint-people-list .fphover .first-tip {
    left: 0
}

.footprint-people-list .fphover .first-tip .tip-footer {
    left: 11px
}

.footprint-people-list .fphover .last-second-tip {
    left: auto;
    right: -20px
}

.footprint-people-list .fphover .last-second-tip .tip-footer {
    left: auto;
    right: 31px
}

.footprint-people-list .fphover .last-tip {
    left: auto;
    right: 0
}

.footprint-people-list .fphover .last-tip .tip-footer {
    left: auto;
    right: 11px
}

.recommend1.recommend-area {
    float: left;
    width: 100%
}

.recommend1 .recommend-box {
    border-top: 1px solid #e5e5e5
}

.recommend1 .recommend-fri-area {
    width: 224px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 142px;
    padding: 0
}

.recommend1 .recommend-friends-list {
    width: 1000px;
    position: absolute
}

.recommend1 .recommend-friends-list li {
    display: inline-block;
    float: left;
    margin: 0 6px;
    position: relative;
    width: 100px;
    padding-bottom: 6px
}

.recommend1 .recommend-friends-list li .userhead {
    border-radius: 2px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.recommend1 .recommend-friends-list li .userhead a {
    display: block;
    width: 100px;
    height: 100px
}

.recommend1 .recommend-friends-list li .userhead span.username {
    font-size: 14px;
    text-align: center;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 24px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    font-weight: bold;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8))
}

.recommend1 .recommend-friends-list li .friends-num {
    width: 100%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    overflow: hidden;
    color: #aaa;
    margin-top: 10px
}

.recommend1 .recommend-friends-list li .friends-num a {
    color: #aaa
}

.recommend1 .recommend-friends-list li .friends-num a:hover {
    color: #227dc5
}

.recommend1 .recommend-friends-list li .add-btn {
    border-radius: 2px;
    border: 1px solid #ccc;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 24px;
    color: #686f7c;
    background-position: -1px -165px;
    float: left
}

.recommend1 .recommend-friends-list li .add-btn:hover {
    color: #333;
    border: 1px solid #727986;
    box-shadow: 0 1px 0 #cdd0d3
}

.recommend1 .recommend-friends-list li .x-to-hide {
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    top: 0;
    right: 0
}

.recommend1 .recommend-friends-list li .x-to-hide a {
    width: 20px;
    height: 20px;
    opacity: .7;
    filter: alpha(opacity=70);
    display: block
}

.recommend1 .recommend-friends-list li .x-to-hide a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.recommend1 .recommend-friends-list li .delete-success {
    background: #fff;
    text-align: center;
    line-height: 22px;
    height: 22px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.recommend2.recommend-area {
    float: left;
    width: 100%
}

.recommend2 .recommend-box {
    border-top: 1px solid #e5e5e5
}

.recommend2 .recommend-fri-area {
    width: 216px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    padding: 0
}

.recommend2 .recommend-friends-list {
    width: 222px
}

.recommend2 .recommend-friends-list li {
    display: inline-block;
    float: left;
    margin-right: 6px;
    position: relative;
    width: 68px
}

.recommend2 .recommend-friends-list li .userhead {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block
}

.recommend2 .recommend-friends-list li .userhead .friends-num {
    text-align: center;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 18px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8))
}

.recommend2 .recommend-friends-list li .userhead .friends-num a {
    color: white
}

.recommend2 .recommend-friends-list li .userhead .add-btn {
    visibility: hidden;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: #75ac5a;
    left: 20px;
    top: 20px;
    position: absolute
}

.recommend2 .recommend-friends-list li .userhead:hover .add-btn {
    visibility: visible
}

.recommend2 .recommend-friends-list li .userhead .x-to-hide {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.recommend2 .recommend-friends-list li .userhead:hover .x-to-hide {
    display: block
}

.recommend2 .recommend-friends-list li .userinfo {
    text-align: center;
    margin: 5px 0;
    white-space: nowrap;
    word-break: keep-all
}

.recommend2 .recommend-friends-list li .userinfo a {
    color: #333
}

.recommend2 .recommend-friends-list li .userinfo a:hover {
    color: #227dc5
}

.recommend2 .recommend-friends-list li .delete-success {
    background: #fff;
    text-align: center;
    line-height: 22px;
    height: 22px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.right-opt-tip {
    padding: 5px 10px;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    background: #333;
    border: 0;
    display: block;
    white-space: nowrap
}

.right-opt-tip-arrow {
    width: 50px;
    height: 5px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -5px
}

.right-opt-tip-arrow .top {
    top: -16px;
    bottom: auto
}

.right-opt-tip-arrow .left {
    left: 20%
}

.right-opt-tip-arrow:after {
    content: "";
    position: absolute;
    left: 22px;
    top: -1px;
    height: 0;
    border-width: 5px 5px 0 5px;
    border-color: #535353 transparent transparent transparent;
    _border-color: #535353 tomato tomato tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    border-radius: 4px
}

.right-opt-tip-arrow .top:after {
    bottom: -20px;
    top: auto
}

.double-cols-feed .side-item {
    border: 1px solid #e1dfdf;
    border-radius: 2px;
    box-shadow: 0 1px 1px #ccc;
    width: 440px;
    background: #fff;
    margin-bottom: 15px
}

.double-cols-feed .side-item-body {
    padding-top: 10px;
    padding-bottom: 0
}

.double-cols-feed .footprint-box {
    padding: 0 10px;
    width: 420px;
    height: 120px;
    overflow: hidden
}

.double-cols-feed .footprint-box .side-item-header {
    margin: 0;
    padding: 5px 10px;
    height: 34px;
    line-height: 34px
}

.double-cols-feed .footprint-box .side-item-header .option {
    margin-top: 5px
}

.double-cols-feed .footprint-box .footprint-area {
    width: 420px;
    height: 60px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0
}

.double-cols-feed .footprint-people-list li {
    float: left;
    padding: 0 5px;
    width: 60px;
    height: 60px;
    margin-right: 0
}

.double-cols-feed .footprint-people-list .headpichold a {
    width: 60px;
    height: 60px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    display: block
}

.double-cols-feed .footprint-people-list .headpichold .footprint-thumb {
    float: left;
    width: 60px;
    height: 60px
}

.double-cols-feed .recommend1.recommend-area .side-item-header {
    padding: 20px 15px 5px 20px;
    margin: 0
}

.double-cols-feed .recommend1 .recommend-box {
    border: 1px solid #e1dfdf;
    border-radius: 2px;
    box-shadow: 0 1px 1px #CCC
}

.double-cols-feed .recommend1 .recommend-fri-area {
    width: 424px;
    overflow: hidden;
    position: relative;
    height: 152px
}

.double-cols-feed .recommend1 .recommend-box .side-item-header h4 {
    font-size: 18px
}

.double-cols-feed .recommend1 .recommend-friends-list li {
    float: left;
    margin: 0;
    padding: 0 8px;
    position: relative;
    width: 90px
}

.double-cols-feed .recommend1 .recommend-friends-list li .userhead {
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.double-cols-feed .recommend1 .recommend-friends-list li .userhead img {
    width: 90px;
    height: 90px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.double-cols-feed .recommend1 .recommend-friends-list li .friends-num {
    width: 100%;
    height: 50px;
    line-height: 22px;
    text-align: center;
    overflow: hidden;
    color: #aaa;
    margin-top: 10px
}

.double-cols-feed .recommend1 .recommend-friends-list li a {
    display: block;
    width: 100%;
    height: 22px;
    overflow: hidden;
    font-size: 12px;
    color: #aaa
}

.double-cols-feed .recommend1 .recommend-friends-list li a.user-name {
    font-size: 14px;
    color: #333;
    font-weight: bold
}

.double-cols-feed .recommend1 .recommend-friends-list li a:hover {
    color: #227dc5
}

.double-cols-feed .recommend1 .recommend-friends-list li .userhead a.add-btn {
    position: absolute;
    visibility: hidden;
    border: 0;
    background: url('http://a.xnimg.cn/nx/rp/res/double-add-btn.png') no-repeat;
    background-position: center;
    top: 21px;
    left: 21px;
    width: 48px;
    height: 48px;
    background-size: 0 .1px;
    -webkit-background-size: 0 .1px;
    -moz-background-size: 0 .1px;
    -ms-background-size: 0 .1px;
    -o-background-size: 0 .1px;
    -ms-transform: scale(0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.double-cols-feed .recommend1 .recommend-friends-list li .userhead:hover a.add-btn {
    border: 0;
    box-shadow: none;
    visibility: visible;
    background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
    -moz-background-size: 48px 48px;
    -ms-background-size: 48px 48px;
    -o-background-size: 48px 48px;
    -ms-transform: scale(1)
}

.double-cols-feed .recommend1 .recommend-friends-list li .x-to-hide {
    width: 16px;
    height: 16px;
    top: -3px;
    right: -1px
}

.double-cols-feed .recommend1 .recommend-friends-list li .x-to-hide a {
    width: 16px;
    height: 16px;
    opacity: .7;
    filter: alpha(opacity=70);
    display: block
}

.double-cols-feed .recommend1 .x-to-hide .ui-icon {
    background: url(http://s.xnimg.cn/nx/core/theme/images/ui-icons-default_development.png) no-repeat;
    background-position: -20px -182px
}

.double-cols-feed .recommend2.recommend-area .side-item-header {
    padding: 20px 15px 5px 20px;
    margin: 0
}

.double-cols-feed .recommend2 .recommend-box .side-item-header h4 {
    font-size: 18px
}

.double-cols-feed .recommend2 .recommend-fri-area {
    width: 396px
}

.double-cols-feed .recommend2 .recommend-friends-list {
    width: 408px
}

.double-cols-feed .recommend2 .recommend-friends-list li {
    width: 90px
}

.double-cols-feed .recommend2 .recommend-friends-list li .userhead img {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.double-cols-feed .recommend2 .recommend-friends-list li .userhead a.add-btn {
    background: url('http://a.xnimg.cn/nx/rp/res/double-add-btn.png') no-repeat;
    background-position: center;
    top: 21px;
    left: 21px;
    width: 48px;
    height: 48px;
    background-size: 0 .1px;
    -webkit-background-size: 0 .1px;
    -moz-background-size: 0 .1px;
    -ms-background-size: 0 .1px;
    -o-background-size: 0 .1px;
    -ms-transform: scale(0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.double-cols-feed .recommend2 .recommend-friends-list li .userhead:hover a.add-btn {
    background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
    -moz-background-size: 48px 48px;
    -ms-background-size: 48px 48px;
    -o-background-size: 48px 48px;
    -ms-transform: scale(1)
}

.double-cols-feed .recommend2 .recommend-friends-list li .userhead a.x-to-hide {
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    width: 10px
}

.double-cols-feed .recommend2 .recommend-friends-list li .userinfo {
    margin: 10px 0
}

.double-cols-feed .recommend2 .recommend-friends-list li .userinfo .friends-num {
    display: block
}

.recommend-app-area {
    width: 224px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 142px;
    padding: 0
}

.recommend-app-list {
    width: 1000px;
    position: absolute
}

.recommend-app-list li {
    display: inline-block;
    float: left;
    margin: 0 6px;
    position: relative;
    width: 100px;
    padding-bottom: 6px
}

.recommend-app-list li .userhead {
    border-radius: 2px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.recommend-app-list li .userhead a {
    display: block;
    width: 100px;
    height: 100px
}

.recommend-app-list li .userhead span.username {
    font-size: 14px;
    text-align: center;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 24px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    font-weight: bold;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8))
}

.recommend-app-list li .app-title {
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
    background-color: #e8f2fa
}

.recommend-app-list li .app-title a {
    color: #888
}

.double-cols-feed .recommend-app-area {
    width: 424px;
    height: 134px;
    margin-top: 10px
}

.double-cols-feed .recommend-app-list li {
    float: left;
    margin: 0;
    padding: 0 8px;
    position: relative;
    width: 90px
}

.double-cols-feed .recommend-app-list li .userhead {
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.double-cols-feed .recommend-app-list li .app-title {
    width: 90px;
    font-size: 12px
}

.recommend-app-ad {
    width: 240px;
    height: 210px;
    margin-bottom: -5px;
    position: relative
}

.recommend-app-ad .recommend-app-area {
    width: 240px;
    height: 210px
}

.double-cols-feed .recommend-app-ad {
    padding: 0 20px;
    height: 200px
}

.double-cols-feed .recommend-app-ad .recommend-app-area {
    margin-top: 0
}

.double-cols-feed .recommend-app-ad,.double-cols-feed .recommend-app-ad .recommend-app-area,.double-cols-feed .recommend-app-ad .recommend-app-list li {
    width: 400px
}

.recommend-app-ad .side-item-header {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.double-cols-feed .recommend-app-ad .side-item-header {
    padding-top: 15px
}

.recommend-app-ad .recommend-app-list li {
    padding: 0;
    margin: 0;
    width: 240px
}

.recommend-app-ad .recommend-app-list .app-ad-title {
    display: inline-block;
    *zoom: 1;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 15px
}

.double-cols-feed .recommend-app-ad .recommend-app-list .app-ad-title {
    padding: 15px 15px 10px 0
}

.ui-scrollbar-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    overflow: visible
}

.ui-scrollbar .ui-scrollbar-bar {
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: opacity .2s linear;
    -webkit-transition: opacity.2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-size: 0
}

.ui-scrollbar .ui-scrollbar-bar-x {
    bottom: 3px;
    height: 6px
}

.ui-scrollbar .ui-scrollbar-bar-y {
    right: 3px;
    width: 6px
}

.ui-scrollbar:hover .ui-scrollbar-bar,.ui-scrollbar.hover .ui-scrollbar-bar {
    opacity: .15;
    filter: alpha(opacity = 15)
}

.ui-scrollbar .ui-scrollbar-bar:hover,.ui-scrollbar .ui-scrollbar-bar.hover,.ui-scrollbar-dragging .ui-scrollbar-bar {
    opacity: .25;
    filter: alpha(opacity = 25);
    cursor: default
}

.ui-select {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.ui-select-dock {
    position: relative;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    line-height: 28px;
    height: 28px;
    width: 210px;
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    overflow: hidden;
    word-break: break-all;
    background: #fff
}

.ui-select-dock:hover {
    border-color: #727985
}

.ui-select-disabled .ui-select-dock,.ui-select-disabled .ui-select-dock:hover {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
    cursor: default;
    border-color: #d4d4d4
}

.ui-select-dock .ui-select-selected {
    margin: 0 30px 0 10px
}

.ui-select-dock .ui-select-selected .ui-icon {
    margin-right: 3px;
    line-height: 28px
}

.ui-select-dock .ui-select-arrow {
    position: absolute;
    right: 10px;
    top: 6px
}

.ui-select select {
    position: absolute;
    left: -99999px;
    top: -99999px
}

.ui-select-options {
    display: none;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    position: absolute;
    background: #fff;
    z-index: 119;
    word-break: break-all
}

.ui-select-options ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ui-select-options li {
    height: 34px;
    line-height: 34px;
    padding: 0 20px 0 17px;
    display: block;
    border-left: 3px solid transparent;
    position: relative;
    overflow: hidden;
    word-break: break-all
}

.ui-select-options li.ui-state-hover,.ui-select-options li.ui-state-focus {
    background: #e1e9f0;
    border-left-color: #e1e9f0
}

.ui-select-options li.ui-select-optionselected {
    color: #333;
    border-left-color: #227dc5
}

.ui-select-options .ui-icon {
    margin-right: 3px;
    line-height: 34px
}

.ui-select-options .ui-select-edit {
    padding: 0 20px 0 17px;
    display: block;
    border-left: 3px solid transparent;
    position: relative;
    overflow: hidden;
    word-break: break-all;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 24px;
    line-height: 24px
}

.ui-select-options .ui-select-edit input {
    height: 24px;
    line-height: 24px;
    display: block;
    border: 0;
    resize: none;
    outline: 0;
    width: 100px
}

.ui-select-options .ui-select-edit a {
    position: absolute;
    top: 9px;
    font-size: 12px;
    text-decoration: none;
    display: none;
    right: 20px
}

.ui-slideshow-carrousel {
    position: relative;
    overflow: hidden
}

.ui-slideshow-carrousel .ui-slideshow-slides {
    position: relative;
    width: 999999px
}

.ui-slideshow-carrousel .ui-slideshow-slide {
    float: left;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0
}

.tmpWrapper {
    height: 100%
}

.ui-speech {
    text-align: center;
    font-size: 14px
}

.ui-speech .ui-widget-header {
    padding: 10px 30px
}

.ui-speech .ui-progressbar {
    position: relative;
    height: 14px;
    width: 95px;
    background: transparent;
    margin: 10px auto
}

.ui-speech .ui-progressbar-value {
    background: transparent;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.ui-speech .ui-progressbar-bg div {
    width: 5px;
    height: 14px;
    margin-right: 4px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    background: #ddd
}

.ui-speech .ui-progressbar-value .ui-progressbar-bg div {
    background: #227dc5
}

.ui-speech .tips {
    color: #666;
    background-color: #fffbc1;
    font-size: 12px;
    border-top: 1px solid #d4d4d4;
    padding: 5px 0
}

.ui-tooltip .ui-widget-header {
    display: none
}

.ui-tooltip .ui-widget-content {
    background: #333;
    color: #fff;
    padding: 5px 10px;
    position: static
}

.ui-tooltip .ui-tooltip-arrow {
    height: 0;
    border-width: 6px;
    border-color: transparent;
    _border-color: tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    overflow: hidden;
    position: absolute
}

.ui-tooltip .ui-tooltip-arrow-left {
    left: 0
}

.ui-tooltip .ui-tooltip-arrow-center {
    left: 50%
}

.ui-tooltip .ui-tooltip-arrow-right {
    right: 0
}

.ui-tooltip .ui-tooltip-arrow-top {
    top: -5px;
    border-top-width: 0;
    border-bottom-color: #333;
    _border-bottom-color: #333
}

.ui-tooltip .ui-tooltip-arrow-bottom {
    top: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
    _border-top-color: #333
}/*!
	addFriend style
 */#addFriendPop {
        width: 242px;
        position: relative;
        background: #fff
    }

#addFriendPop .cover-area {
    overflow: hidden;
    width: 100%;
    height: 88px
}

#addFriendPop .addfri-content {
    margin: 50px 18px 0
}

#addFriendPop .addfri-content h1 {
    text-align: center;
    line-height: 40px
}

#addFriendPop .addfri-content h1 .owner-name {
    color: #333;
    text-decoration: none;
    font-size: 18px
}

#addFriendPop .addfri-content .info-text {
    color: #666;
    margin-bottom: 10px
}

#addFriendPop .addfri-content .addfri-textarea {
    border: 1px solid #e1dfdf;
    height: 45px;
    width: 198px;
    border-radius: 3px;
    padding: 3px;
    color: #aaa;
    resize: none
}

#addFriendPop .addfri-avatar {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%
}

#addFriendPop .addfri-avatar div {
    width: 100px;
    padding: 3px;
    margin: 0 auto;
    background: #fff;
    border-radius: 3px
}

#addFriendPop .head-avatar-link {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px
}

.addfri-dialog .ui-widget-footer .ui-button.send-btn,#fri-g-list .modifygroup-list span.modifygroup-input a.create-g-btn {
    background: url(http://a.xnimg.cn/nx/core/theme/skin/addfriend/btn_bg.png) repeat-x
}

#fri-g-list {
    line-height: 20px;
    margin-top: 5px;
    position: relative
}

#fri-g-list .modifygroup-tit label {
    float: left;
    color: #aaa;
    height: 23px;
    line-height: 23px
}

#fri-g-list .modifygroup-tit .modifyGroup-nav {
    color: #227dc5;
    height: 23px;
    line-height: 23px;
    display: block;
    border-radius: 3px;
    float: left;
    cursor: pointer
}

#fri-g-list .modifygroup-tit .modifyGroup-nav em {
    padding: 0 22px 0 10px;
    background: url(http://a.xnimg.cn/nx/core/theme/skin/addfriend/modifygroup-arrow.png) right -4px no-repeat
}

#fri-g-list .modifygroup-tit .modifyGroup-nav.select em {
    background-position: right -28px
}

#fri-g-list .modifygroup-list {
    max-height: 285px;
    _height: 285px;
    width: 206px;
    position: absolute;
    border: 1px solid #e1dfdf;
    z-index: 10000;
    background: #fff;
    top: 23px;
    left: 0;
    display: none;
    border-radius: 3px;
    cursor: default
}

#fri-g-list .modifygroup-list-area {
    position: relative
}

#fri-g-list .modifygroup-error {
    position: absolute;
    height: 30px;
    line-height: 30px;
    background: #ffe3d6;
    text-align: center;
    color: #f00;
    display: none;
    width: 100%;
    left: 0;
    bottom: 0
}

#fri-g-list .modifygroup-list ul {
    background-color: #fff;
    padding: 10px 0;
    z-index: 1000;
    max-height: 138px;
    overflow-y: auto;
    _height: 138px
}

#fri-g-list .modifygroup-list li {
    overflow: hidden;
    font-size: 14px
}

#fri-g-list .modifygroup-list li.no-group {
    color: #ccc;
    text-align: center
}

#fri-g-list .modifygroup-list li a,#fri-g-list .modifygroup-list li a:hover,#fri-g-list .modifygroup-list li.SelectGroup a {
    background: url(http://a.xnimg.cn/nx/core/theme/skin/addfriend/groud-input.png) no-repeat
}

#fri-g-list .modifygroup-list li a {
    height: 35px;
    line-height: 35px;
    display: block;
    padding-left: 40px;
    background-position: 7px 0;
    color: #333
}

#fri-g-list .modifygroup-list li a:hover {
    background-position: 7px -34px;
    background-color: #f0f5f8
}

#fri-g-list .modifygroup-list li.SelectGroup a {
    background-position: 7px -71px
}

#fri-g-list .modifygroup-list span.modifygroup-input {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #e1dfdf;
    margin: 0 10px;
    text-align: center
}

#fri-g-list .modifygroup-list span.modifygroup-input input {
    color: #888;
    width: 102px;
    margin-right: 10px;
    height: 14px;
    border: 1px #84abc6 solid;
    border-radius: 3px;
    float: left;
    padding: 7px 0
}

#fri-g-list .modifygroup-list span.modifygroup-input input.input-error {
    border-color: #f00
}

#fri-g-list .modifygroup-list span.modifygroup-input span {
    font-size: 14px;
    color: #ccc
}

#fri-g-list .modifygroup-list span.modifygroup-input a.create-g-btn {
    width: 70px;
    height: 28px;
    display: block;
    border: 1px solid #418bc4;
    background-position: 0 -34px;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 28px
}

#fri-g-list .modifygroup-list span.modifygroup-input a.create-new-g-btn:hover {
    text-decoration: none
}

#addFriendPop {
    overflow: visible
}

#addFriendPop .addfri-verifycode {
    padding-top: 10px;
    height: 40px
}

#addFriendPop .addfri-verifycode input.input-text {
    width: 50px;
    height: 20px;
    padding: 0 3px;
    float: left;
    border: 1px solid #e1dfdf;
    border-radius: 2px
}

#addFriendPop .addfri-verifycode input.input-text-error {
    border-color: #f00
}

#addFriendPop .addfri-verifycode img {
    float: left;
    margin: 0 10px;
    width: 90px;
    height: 40px
}

#addFriendPop .addfri-verifycode a {
    line-height: 20px
}

#addFriendPop .error-tip {
    color: #f00
}

.addfri-dialog .ui-widget-header {
    display: none
}

.addfri-dialog .ui-widget-content {
    padding: 0
}

.addfri-dialog .ui-widget-content .loading-box {
    text-align: center;
    padding-top: 30px
}

.addfri-dialog .ui-widget-content .loading-box span {
    background: url(http://a.xnimg.cn/nx/core/theme/images/loading.gif) 0 2px no-repeat;
    padding-left: 35px;
    line-height: 22px
}

.addfri-dialog .ui-widget-footer {
    padding: 20px 10px;
    text-align: center
}

.addfri-dialog .ui-widget-footer .ui-button {
    width: 95px;
    height: 26px;
    font-size: 12px;
    padding: 0;
    margin: 0 8px;
    display: inline;
    text-shadow: none
}

.addfri-dialog .ui-widget-footer .send-btn {
    border-color: #75ab5b;
    background-position: 0 0;
    color: #fff
}

.addfri-dialog .ui-widget-footer .send-btn.ui-state-hover {
    border-color: #5e9643;
    background-position: 0 -106px
}

.recommend-dialog .ui-widget-header .ui-button-text {
    display: none
}

.re-my-friends {
    width: 480px;
    margin: 0 auto;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative
}

#recommendDialog {
    padding: 0
}

.re-my-friends-list {
    width: 226px;
    height: 100px;
    float: left;
    font-size: 14px;
    color: #333;
    margin-top: 15px;
    overflow: hidden
}

.re-my-friends-list .re-my-friend-head {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    position: relative
}

.re-my-friends-list .re-my-friend-head a.friend-delete {
    position: absolute;
    background: url(http://a.xnimg.cn/nx/core/theme/skin/addfriend/rm-f.png) 0 0 no-repeat;
    width: 13px;
    height: 13px;
    top: 0;
    right: 0;
    display: none
}

.re-my-friends-list .re-my-friend-head a.friend-delete:hover {
    background-position: right top
}

.re-my-friends-list .re-my-friend-head .delete-success {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 20px;
    height: 20px;
    display: block;
    text-align: center;
    font-size: 12px
}

.re-my-friends-list .re-my-friend-head .re-friend-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8))
}

.re-my-friends-list .re-my-friend-info {
    width: 116px;
    margin-left: 10px;
    float: left
}

.re-my-friends-list .re-my-friend-info span {
    display: block;
    line-height: 26px;
    height: 26px;
    width: 100%;
    overflow: hidden
}

.re-my-friends-list .re-my-friend-info .re-friend-addbtn {
    background: url(http://a.xnimg.cn/nx/core/theme/images/icons-footprint.png) 5px -163px no-repeat;
    color: #686f7c;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 #e4e9eb;
    width: 65px;
    height: 24px;
    line-height: 24px;
    display: block;
    margin-top: 10px;
    padding-left: 30px
}

.modify-g-box {
    box-shadow: none;
    background: #fff;
    border: 0
}

.modify-g-box .ui-widget-header {
    display: none
}

.modify-g-box .ui-widget-content {
    padding: 0;
    display: none
}

.ui-avata-upload-avataimg,.ui-avata-upload-error-icon,.ui-avata-upload-zoom-smaller,.ui-avata-upload-zoom-larger,.ui-avata-upload-zoom-scroll-bar,.ui-avata-upload-zoom-scroll-pointer {
    background: url('http://s.xnimg.cn/nx/photo/upload-avata/cssimg/avataupload_8.png') no-repeat
}

.ui-renren-avataupload {
    padding: 0;
    margin: 0;
    width: 390px;
    height: 3px;
    border: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    left: 10px;
    top: -5px
}

.ui-renren-avataupload .ui-widget-content {
    overflow: hidden
}

.ui-avata-upload {
    overflow: hidden
}

.ui-avata-upload-left {
    width: 330px;
    height: 370px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 20px
}

.ui-avata-upload-enter,.ui-avata-upload-editor,.ui-avata-upload-camera {
    width: 330px;
    height: 380px;
    margin: 0;
    position: absolute;
    text-align: center;
    overflow: hidden;
    display: none;
    background: #f8f8f8
}

.ui-avata-upload-enter {
    display: block
}

.ui-avata-upload-avataimg {
    display: block;
    background-position: left top;
    width: 92px;
    height: 105px;
    margin: 100px auto 0
}

.ui-avata-upload-loading {
    display: none;
    position: absolute;
    top: 0;
    width: 330px;
    height: 330px;
    background: #e1e9f0;
    text-align: center
}

.ui-avata-upload-loading-img {
    margin: 130px auto 45px
}

.ui-avata-upload-tips {
    font-size: 17px;
    display: block;
    color: #227dc5;
    margin: 20px auto 0
}

.ui-avata-upload-type {
    color: #aaa;
    display: block;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-top: 10px
}

.ui-avata-upload-editor-area {
    width: 330px;
    height: 330px;
    position: relative;
    overflow: hidden;
    margin: 0
}

.avata-upload-img-outer {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    filter: alpha(opacity=20)
}

.ui-avata-upload-editor-outer-bg {
    background: #ccc;
    opacity: .8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    left: 0
}

.ui-avata-upload-editor-size {
    width: 200px;
    height: 200px;
    margin: 63px;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff
}

.ui-avata-upload-editor-img-container {
    position: absolute;
    top: -65px;
    left: -65px;
    width: 330px;
    height: 330px;
    overflow: hidden;
    margin: 0
}

.avata-upload-img-inner {
    position: absolute;
    top: 0;
    left: 0
}

.reset-upload {
    width: 80px;
    padding: 0;
    text-align: center;
    float: left;
    margin-top: 10px;
    position: relative
}

.ui-avata-upload-zoom {
    float: right;
    width: 230px;
    height: 20px;
    margin-top: 15px;
    position: relative;
    *padding-top: 5px
}

.ui-avata-upload-zoom-smaller,.ui-avata-upload-zoom-larger {
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 2px -240px
}

.ui-avata-upload-zoom-larger {
    right: 0;
    left: auto;
    background-position: -72px -240px
}

.ui-avata-upload-zoom-scroll-bar {
    width: 170px;
    height: 10px;
    margin: 5px auto 0;
    background-position: 0 -290px;
    background-repeat: repeat-x;
    cursor: pointer
}

.ui-avata-upload-zoom-scroll-pointer {
    position: absolute;
    top: 0;
    left: 0;
    background-position: -73px -265px;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer
}

.ui-avata-upload-text {
    margin: 340px auto 20px;
    width: 100%
}

.ui-avata-upload-link {
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 5px 0
}

.upload-again {
    z-index: -1;
    margin-top: -20px
}

.ui-avata-upload-viewer {
    position: absolute;
    margin: 0;
    left: 380px;
    top: 0;
    width: 105px;
    height: 330px;
    overflow: hidden
}

.ui-avata-upload-review {
    margin-top: 30px;
    width: 105px;
    overflow: hidden
}

.ui-avata-upload-viewer-tiny-text {
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    background: #f8f8f8
}

.ui-avata-upload-viewer-img {
    display: none
}

.ui-avata-upload-small-viewer,.ui-avata-upload-tiny-viewer {
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    margin-top: 20px;
    background: #aaa;
    position: relative
}

.ui-avata-upload-tiny-viewer {
    width: 30px;
    height: 30px
}

#ui-avata-upload-small-viewer-canvas {
    width: 50px;
    height: 50px;
    margin: 0;
    display: block;
    position: absolute
}

#ui-avata-upload-tiny-viewer-canvas {
    width: 30px;
    height: 30px;
    margin: 0;
    display: block;
    position: absolute
}

.ui-avataupload {
    display: block;
    width: 330px;
    height: 330px;
    overflow: hidden;
    position: relative;
    background: #e1e9f0
}

.ui-avataupload:hover {
    background: #ccdceb
}

.ui-avataupload:hover .ui-avata-upload-avataimg {
    background-position: 0 -109px
}

.ui-avataupload input {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px,0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
    width: 350px;
    height: 350px
}

.ui-avataupload object {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    height: 350px
}

.ui-dialog-close {
    right: 20px;
    top: 20px
}

.ui-avata-upload-take-photo {
    width: 90px;
    display: none
}

.drag-cursor-style {
    cursor: url('http://s.xnimg.cn/nx/photo/upload-avata/cssimg/ico-drag.ico'),move
}

.ui-avata-upload-error {
    background: #ffe3d6;
    width: 330px;
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: none
}

.ui-avata-upload-error-icon {
    background-position: 0 -265px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 40px;
    top: 10px
}

.ui-avata-upload-error-txt {
    display: block;
    width: 200px;
    height: 20px;
    line-height: 20px;
    color: #d1513d;
    text-align: center;
    margin: 10px auto;
    font-size: 15px
}

#cameraUploadContent {
    margin-top: -10px;
    margin-left: -10px
}

.reset-camera {
    display: none;
    width: 60px;
    padding: 0 10px;
    float: left;
    margin-top: 10px
}

.comment-wrapper {
    border-top: 1px solid #ccc;
    padding: 0;
    clear: both
}

.comment-center-wrapper {
    overflow: hidden;
    padding-bottom: 20px;
    background: #f8f8f8
}

dl.replies dt {
    border-bottom: 0 none
}

.comment-center-wrapper a {
    outline: 0 none
}

.comment-center-wrapper .comment-center-nav {
    display: inline-block;
    border-bottom: 1px solid #ddd;
    margin: 10px 0 10px 20px;
    padding-left: 0
}

.comment-center-nav li {
    float: left;
    margin-right: 30px
}

.comment-center-nav li.item-last {
    margin-right: 0
}

.comment-center-nav a {
    display: inline-block;
    *zoom: 1;
    height: 27px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-decoration: none
}

.comment-center-nav .select {
    position: relative;
    margin-bottom: -1px;
    height: 26px;
    font-weight: bold;
    cursor: default;
    border-bottom: solid 3px #227dc5
}

.comment-center-nav .select:link,.comment-center-nav .select:visited {
    color: #333
}

.comment-center-comments {
    position: relative;
    font-size: 12px
}

.comment-center-more {
    padding: 4px 0;
    margin-bottom: 5px
}

.comment-center-item {
    padding: 10px 0;
    border-top: 1px solid #f7f7f7;
    position: relative;
    padding-left: 20px
}

.comment-center-item-hover {
    background: #e1e9f0
}

.comment-center-avatar {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    overflow: hidden;
    float: left
}

.comment-center-content,.comment-center-info {
    margin-left: 40px;
    padding: 0 20px 5px 0;
    overflow: hidden;
    color: #666;
    word-wrap: break-word;
    word-break: break-all
}

.comment-center-info {
    height: 18px
}

.comment-center-info .right-btns,.comment-center-info .time,.comment-center-info .left-btns,.comment-center-author,.comment-center-vip {
    float: right;
    vertical-align: top;
    white-space: nowrap;
    line-height: 18px
}

.comment-center-info .time,.comment-center-info .left-btns,.comment-center-author,.comment-center-vip,.comment-center-iswhisper {
    float: left
}

.comment-center-info .time,.comment-center-item .like-thumb,.comment-center-item .reply-report,.comment-center-item .comment-center-delete,.comment-center-iswhisper {
    color: #aaa;
    margin-left: 10px
}

.comment-center-item .reply-report,.comment-center-item .comment-center-delete,.comment-center-item .like-thumb,.pop-aside .comment-center-item-hover .time {
    display: none;
    float: left
}

.comment-center-vip {
    margin: 0 auto auto 6px
}

.comment-center-author {
    font-weight: bold
}

.pop-aside .comment-center-author {
    display: inline-block;
    max-width: 6em;
    overflow: hidden;
    text-overflow: ellipsis
}

.comment-center-author:link,.comment-center-author:visited {
    color: #666
}

.comment-center-item .comment-center-author:hover,.comment-center-item .reply-report:hover,.comment-center-item .comment-center-delete:hover {
    color: #227dc5
}

.comment-center-info .left-btns {
    padding-left: 20px
}

.comment-center-info .left-btns {
    color: #999
}

.comment-center-info .like-thumb {
    background: url("http://a.xnimg.cn/nx/ugc/common/cssimg/icon-comment-like.png") no-repeat 0 2px;
    padding-left: 18px
}

.comment-center-info .like-thumb-liked {
    background-position: 0 -18px
}

.comment-center-delete:hover {
    background-position: -200px -147px;
    text-decoration: none
}

.comment-center-item .right-btns a {
    display: none;
    background: #cbdbea;
    padding: 1px 10px 2px;
    width: 2em;
    text-align: center;
    color: #3584c8;
    border-radius: 10px;
    margin-left: 10px
}

.comment-center-item-hover .right-btns a,.comment-center-item-hover .reply-report,.comment-center-item-hover .comment-center-delete,.comment-center-item .like-thumb-show {
    display: inline-block;
    *zoom: 1
}

.comment-center-item .right-btns a:hover {
    background: #3794df;
    color: #fff
}

.comment-center-iswhisper {
    background: url("http://a.xnimg.cn/nx/ugc/common/cssimg/icon-lock.png") left center no-repeat;
    padding-left: 15px
}

.comment-center-more,.comment-center-form {
    padding-left: 20px
}

.comment-center-form {
    margin-top: 10px
}

.comment-center-wbox {
    height: 28px;
    border: solid 1px #ddd;
    background: #fff;
    float: left
}

.comment-center-content,.comment-center-wbox,.comment-center-form .form-btns {
    width: 530px
}

.pop-aside .comment-center-content,.pop-aside .comment-center-wbox,.pop-aside .comment-center-form .form-btns {
    width: auto
}

.comment-center-box {
    overflow-y: auto;
    resize: none;
    outline: 0 none;
    word-wrap: break-word;
    word-break: break-all
}

.comment-center-form .form-btns {
    margin: 0 0 0 40px;
    padding-top: 10px;
    clear: both
}

.comment-center-form .ui-button {
    padding: 2px 15px;
    text-shadow: none;
    font-size: 12px;
    height: 21px;
    line-height: 21px
}

.comment-center-form .form-widgets {
    margin: 0;
    padding: 0 10px 8px
}

.comment-center-form .comment-center-box {
    color: #a9a9a9;
    height: 30px;
    padding: 6px
}

.comment-center-form .form-btns,.comment-center-form .form-widgets {
    display: none
}

.comment-center-form-active .comment-center-wbox {
    border-color: #9cc6e8;
    box-shadow: #9cc6e8 0 0 3px;
    height: auto
}

.comment-center-form-active .comment-center-box {
    padding: 10px;
    height: 50px;
    color: #333
}

.comment-center-form-active .form-widgets,.comment-center-form-active .form-btns {
    display: block
}

.comment-center-doshare {
    color: #333;
    float: right;
    line-height: 24px;
    margin-right: 10px;
    display: none
}

.comment-center-mention {
    background: url(http://s.xnimg.cn/nx/newsfeed/res/feed-icon.png) no-repeat;
    _background: url(http://s.xnimg.cn/nx/newsfeed/res/feed-icon-ie6.png) no-repeat;
    background-position: 0 -563px;
    width: 17px;
    height: 16px
}

.comment-center-emotion {
    background: url(http://s.xnimg.cn/nx/newsfeed/res/feed-icon.png) no-repeat;
    _background: url(http://s.xnimg.cn/nx/newsfeed/res/feed-icon-ie6.png) no-repeat;
    background-position: 0 -322px
}

.comment-center-emotion,.comment-center-mention {
    float: left;
    position: relative;
    text-indent: -999em;
    z-index: 2;
    margin-top: 3px;
    width: 17px;
    height: 16px;
    margin-right: 10px
}

.form-widgets .ui-textbox-buttonPane {
    display: inline;
    float: left
}

.comment-center-whisper {
    float: left;
    height: 16px;
    color: #aaa
}

.comment-center-whisper .icon-checkbox {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: #fff;
    background: #fff;
    border: solid 2px #bdc8d4;
    border-radius: 2px;
    cursor: pointer
}

.comment-center-whisper .icon-checkbox:hover {
    border-color: #227dc5
}

.comment-center-whisper .icon-checkbox-checked,.comment-center-whisper .icon-checkbox-checked:hover {
    background: #227dc5;
    border-color: #227dc5;
    color: #fff;
    font-weight: bold
}

.comment-center-msgcount {
    float: right;
    color: #aaa;
    display: none
}

.comment-center-msgcount .overlimit {
    color: #ef8a84
}

.comment-center-msgcount .warn {
    color: #e77
}

.comment-center-form .ui-state-disabled:link,.comment-center-form .ui-state-disabled:hover {
    cursor: default;
    text-decoration: none
}

.form-widgets .comment-center-sendmethod {
    float: right
}

.form-widgets .ui-reply-option-list {
    top: -70px;
    padding-left: 0
}

.comment-center-body {
    white-space: pre-wrap;
    *white-space: pre
}

.common-friend .ui-widget-header {
    padding: 20px
}

.common-friend .ui-dialog-close {
    right: 20px
}

.common-friend .one-item {
    height: 70px;
    width: 134px;
    float: left
}

.common-friend .rightmost {
    height: 70px;
    width: 100px;
    float: left
}

.common-friend .one-item .picbox {
    display: block;
    float: left;
    margin-right: 8px;
    height: 50px
}

.common-friend .one-item h4 a {
    color: #333;
    font-size: 14px
}

.common-friend .one-item h4 {
    padding-left: 60px
}

.common-friend .one-item .picbox .pic {
    width: 50px;
    height: 50px;
    display: block
}

.common-friend .ui-widget-content {
    margin: 0 20px 20px;
    background-color: white;
    border: #ddd 1px solid;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 0
}

.ui-icon-emotion {
    display: inline-block;
    *zoom: 1;
    text-indent: 0;
    overflow: hidden
}

.emotion-dialog .ui-widget-header {
    padding: 0;
    z-index: 1
}

.emotion-dialog .ui-widget-content {
    padding: 10px 0
}

.emotion-dialog .ui-dialog-close {
    top: 10px;
    right: 10px;
    z-index: 1
}

.emotion-dialog .ui-dialog-close .ui-button-text {
    display: none
}

.emotion-tab-wrapper {
    position: relative;
    height: 33px;
    overflow: hidden
}

.emotion-dialog-nav li,.emotion-dialog-list li {
    float: left;
    cursor: pointer
}

.emotion-dialog-nav {
    padding-left: 10px;
    background: #f8f8f8;
    position: absolute;
    width: 273px;
    top: 0;
    left: 0
}

.emotion-dialog-nav li.emotion-tab {
    border-bottom: 3px solid transparent;
    _border-bottom-color: #f8f8f8;
    margin-right: 20px;
    height: 30px
}

.emotion-dialog-nav li.select {
    border-bottom-color: #227dc5
}

.emotion-tab-switcher {
    position: absolute;
    top: 5px;
    left: 290px
}

.emotion-tab-up,.emotion-tab-down {
    display: block;
    width: 10px;
    height: 10px;
    background: url(http://a.xnimg.cn/nx/newsfeed/res/feed-icon.png) 0 -970px no-repeat;
    cursor: pointer
}

.emotion-tab-down {
    background-position: 0 -985px
}

.emotion-tab-up[disabled],.emotion-tab-down[disabled] {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.emotion-dialog-box {
    padding: 0 10px;
    margin-top: 10px;
    background: #fff;
    position: relative;
    max-height: 193px;
    overflow: hidden;
    width: 330px
}

.emotion-dialog-list {
    display: none;
    width: 330px
}

.emotion-dialog .select {
    display: block
}

.emotion-dialog-list li {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 3px;
    border: 1px solid transparent;
    _border-color: #f8f8f8;
    margin: 0 5px 5px 0;
    background: #fff
}

.emotion-dialog-list li:hover {
    border-color: #227dc5;
    background: #fff
}

.emotion-dialog-list img {
    vertical-align: middle;
    height: 16px
}

.emotion-large li,.emotion-super li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0 3px 3px 0
}

.emotion-large li img,.emotion-super li img {
    height: 50px
}

.emotion-dialog-preview {
    display: none;
    position: absolute;
    top: 53px;
    left: auto;
    right: 15px;
    border: solid 2px #eee;
    padding: 4px;
    background: #fff
}

.emotion-dialog-preview-left {
    left: 10px;
    _left: 0;
    right: auto
}

.emotion-dialog-preview img {
    display: block
}

.emotion-bigubb {
    position: relative
}

.emotion-bigubb-img {
    border: solid 2px #eee
}

.emotion-bigubb-close {
    display: none;
    position: absolute;
    left: 105px;
    top: 0
}

.emotion-bigubb-hover .emotion-bigubb-close {
    display: block
}

input.friend-list-input {
    padding: 6px 12px;
    height: 25px;
    width: 171px;
    border: solid 1px #f0f0f0;
    _width: 170px;
    _display: block;
    overflow: hidden;
    outline: 0
}

.dialog-friend-selector .ui-widget-header {
    padding: 0
}

.dialog-friend-selector .ui-dialog-close {
    display: none
}

.dialog-friend-selector .friend-list-wrapper {
    background: #fff;
    overflow: hidden;
    width: 180px;
    padding: 0;
    border: 1px solid #e1e1e1;
    border-top: 0 none;
    box-shadow: 0 2px 2px #ddd
}

.friend-list-list {
    border: 0 none;
    box-shadow: none;
    font-size: 0;
    line-height: 0;
    padding: 0
}

.friend-list-wrapper li {
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 6px 12px;
    cursor: pointer
}

.friend-list-wrapper li.friend-list-disable {
    background: #eee;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    padding: 3px 12px;
    font-size: 12px;
    cursor: default
}

.friend-list-wrapper li.highlight {
    background: #e1e9f0
}

.friend-list-wrapper li img {
    float: left;
    margin-right: 12px
}

.friend-list-wrapper li.friend-list-tip {
    font-size: 12px;
    color: #666;
    background-color: #fffbc1;
    cursor: default
}

.trigger-like:focus,.trigger-like-comment:focus {
    outline: 0 none
}

.trigger-like {
    display: inline-block;
    *zoom: 1;
    padding: 7px 10px 7px 35px;
    height: 14px;
    line-height: 14px;
    position: relative;
    color: #686f7c
}

.trigger-like:hover {
    color: #333;
    border-color: #727986
}

.icon-like {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
    width: 20px;
    height: 18px;
    background: url(http://a.xnimg.cn/nx/core/theme/images/icon-like.png) center -40px no-repeat
}

.trigger-like:hover .icon-like {
    background-position: center -80px
}

.liked .icon-like,.liked:hover .icon-like {
    background-position: center 0;
    background-size: 20px auto;
    width: 20px;
    height: 18px;
    margin-top: -9px;
    opacity: 1
}

.trigger-like-disable,.trigger-like-disable:hover {
    color: #d8dbe0;
    background: #fbfbfb;
    border-color: #dbdbdb;
    cursor: default
}

.trigger-like-disable .icon-like,.trigger-like-disable:hover .icon-like {
    background-position: center -120px
}

.liked .like-transition,.liked:hover .like-transition {
    background-size: 40px auto;
    width: 40px;
    height: 36px;
    margin-top: -18px;
    opacity: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.list-like {
    float: right;
    position: relative
}

.list-like a {
    display: inline-block;
    *zoom: 1;
    margin-left: 5px
}

.list-like img {
    width: 30px;
    height: 30px;
    border-radius: 3px
}

.list-like-tip {
    width: 150px;
    padding: 5px;
    background: #333;
    color: #fff
}

.list-like-tip .ui-widget-header {
    display: none
}

.list-like-tip .ui-widget-content {
    padding: 0;
    position: static;
    min-height: 0
}

.list-like-tip-arr {
    position: absolute;
    bottom: -5px;
    left: 70px;
    width: 0;
    height: 0;
    border-color: #333 transparent transparent;
    border-width: 5px 5px 0;
    border-style: solid dashed none
}

.list-like .list-like-tip {
    display: none
}

.list-like:hover .list-like-tip,.list-like-hover .list-like-tip {
    display: block
}

.video-player .video-controller {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.video-player .video-controller .video-play {
    padding: 0 20px;
    border: 2px solid white;
    border-radius: 20px;
    text-align: center;
    color: white;
    font-size: 16px;
    line-height: 40px;
    background: rgba(0,0,0,0.5);
    display: none
}

.video-player .video-controller .video-play .ui-icon {
    line-height: 40px;
    font-size: 20px;
    color: white;
    margin-right: 15px
}

.video-player .video-controller .video-pause {
    border: 2px solid white;
    border-radius: 25px;
    text-align: center;
    background: rgba(0,0,0,0.5);
    display: none
}

.video-player .video-controller .video-pause .ui-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: white
}

.video-player:hover .video-controller .video-pause {
    display: block
}

.ui-renren-mvideo {
    position: relative
}

.ui-renren-mvideo .screenshot {
    width: 100%;
    height: 100%
}

.ui-renren-mvideo .loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.ui-renren-mvideo .loading div {
    margin: 45% auto;
    width: 48px;
    height: 24px;
    border-radius: 5px;
    background: #fff url(http://s.xnimg.cn/nx/core/theme/images/loading.gif) center center no-repeat
}

.namecard-v7 {
    width: 240px;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    position: relative;
    background-color: white;
    z-index: 201;
    border-radius: 2px
}

.namecard-v7 .cover {
    height: 90px;
    overflow: hidden;
    display: block
}

.namecard-v7 .nc-avatar {
    height: 100px;
    width: 100px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    left: 66px;
    border: 2px solid white;
    border-radius: 2px
}

.namecard-v7 .nc-avatar img {
    border-radius: 2px
}

.namecard-v7 .nc-content {
    padding: 60px 0 10px
}

.namecard-v7 .nc-content .owner-name {
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-family: "微软雅黑",Tahoma,Verdana,STHeiTi,simsun,sans-serif;
    font-weight: bold
}

.namecard-v7 .nc-content .message {
    font-size: 12px;
    color: #666
}

.namecard-v7 .center {
    margin: 0 auto;
    width: 220px;
    display: block;
    text-align: center;
    margin-bottom: 5px
}

.namecard-v7 .nc-content .region {
    color: #9a9a9a;
    font-size: 12px
}

.nc-content .relationship {
    color: #9a9a9a
}

.nc-content .relationship a {
    color: #9a9a9a;
    cursor: pointer
}

.namecard-v7 .bottom-bar {
    height: 40px;
    background-color: #f8f8f8;
    margin: 0 auto;
    width: 240px;
    text-align: center;
    line-height: 40px;
    font-size: 14px
}

.namecard-v7 .btn-namecard-follow,.namecard-v7 .btn-namecard-talk {
    color: #fff
}

.namecard-v7 .ui-iconfont {
    margin-top: 6px;
    margin-right: 5px
}

.namecard-v7 .btn-namecard-other {
    color: #81b668
}

.namecard-v7 .btn-namecard-other:hover {
    background: #e5e5e5
}

.namecard-v7 .btn_follow_card {
    height: 24px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 2px;
    border: 1px #aaa solid;
    background-image: -ms-linear-gradient(top left,#f9f9f9 0,#ececec 100%);
    background-image: -moz-linear-gradient(top left,#f9f9f9 0,#ececec 100%);
    background-image: -o-linear-gradient(top left,#f9f9f9 0,#ececec 100%);
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0,#f9f9f9),color-stop(1,#ececec));
    background-image: -webkit-linear-gradient(top left,#f9f9f9 0,#ececec 100%);
    background-image: linear-gradient(to bottom right,#f9f9f9 0,#ececec 100%)
}

.namecard-v7 .btn_follow_card:hover {
    border-color: #666;
    background-image: -ms-linear-gradient(top left,#fdfdfd 0,#f9f9f9 100%);
    background-image: -moz-linear-gradient(top left,#fdfdfd 0,#f9f9f9 100%);
    background-image: -o-linear-gradient(top left,#fdfdfd 0,#f9f9f9 100%);
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0,#fdfdfd),color-stop(1,#f9f9f9));
    background-image: -webkit-linear-gradient(top left,#fdfdfd 0,#f9f9f9 100%);
    background-image: linear-gradient(to bottom right,#fdfdfd 0,#f9f9f9 100%)
}

.namecard-v7 .btn_follow_card span {
    display: block;
    font-size: 12px;
    color: #333;
    line-height: 24px;
    padding-left: 16px;
    text-align: left;
    background: url(http://a.xnimg.cn/nx/follow/cssimg/follow_icon.png) no-repeat
}

.namecard-v7 .btn_follow_card span.hover {
    display: none;
    background-position: 0 -15px
}

.namecard-v7 .btn_follow_card span.default {
    background-position: 0 6px
}

.namecard-v7 .btn_follow_card:hover span.default {
    display: none
}

.namecard-v7 .btn_follow_card:hover span.hover {
    display: block
}

.namecard-v7 .btn_follow_card.follow0 {
    padding-left: 22px;
    width: 63px
}

.namecard-v7 .btn_follow_card.follow1 {
    padding-left: 15px;
    width: 70px
}

.namecard-v7 .btn_follow_card.follow {
    padding-left: 10px;
    width: 75px
}

.namecard-v7 .double-quo {
    font-size: 24px;
    color: #c7c7c7;
    font-family: Arial;
    vertical-align: -6px;
    padding: 0 3px
}

.tooshortcard .nc-content {
    padding-bottom: 40px
}

.ui-renren-photoupload .ui-widget-header .ui-progressbar {
    padding: 0;
    margin: 0;
    width: 390px;
    height: 3px;
    border: 0;
    background: #cfcfcf;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    left: 10px;
    top: -5px
}

.ui-renren-photoupload .ui-widget-header .ui-progressbar .ui-widget-header {
    padding: 0;
    background: #227dc5
}

.ui-renren-photoupload .ui-widget-content {
    overflow: hidden;
    padding: 0;
    margin: 0 10px 0 30px
}

.ui-renren-photoupload .ui-renren-privacy .ui-widget-content {
    margin: 0
}

.ui-renren-photoupload .ui-widget-footer .with button {
    padding: 0;
    background: 0;
    box-shadow: none;
    border: 0
}

.ui-renren-photoupload .ui-widget-footer .ui-select {
    float: left;
    margin-right: 10px
}

.ui-renren-photoupload .ui-widget-footer .tips {
    position: relative;
    left: 160px;
    top: 10px;
    color: #aaa
}

.ui-renren-photoupload-unit {
    width: 200px;
    height: 200px;
    background: #ececec;
    position: relative;
    float: left;
    margin: 0 20px 20px 0
}

.ui-renren-photoupload-unit .photo {
    border: 1px solid #ddd;
    width: 198px;
    height: 168px;
    line-height: 168px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    zoom: 1;
    *font-size: 150px;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s
}

.ui-renren-photoupload .photo-wrapper {
    width: 198px;
    height: 168px;
    overflow: hidden
}

.ui-renren-photoupload-unit .desc {
    border: 1px solid #ddd;
    height: 29px;
    background: #fff;
    line-height: 29px;
    padding: 0 5px;
    position: relative;
    top: -1px;
    cursor: pointer;
    overflow: hidden;
    word-break: break-all
}

.ui-renren-photoupload-unit .desc:hover {
    border-color: #727986
}

.ui-renren-photoupload-unit .textinput {
    position: absolute;
    top: 170px;
    left: 0;
    width: 178px;
    height: 47px;
    resize: none;
    outline: 0;
    z-index: 2;
    color: #333
}

.ui-renren-photoupload-unit .tools {
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.ui-renren-photoupload-unit .tools .ui-helper-grid {
    margin: 10px 0 0 10px;
    cursor: pointer
}

.ui-renren-photoupload-unit .loading {
    position: absolute;
    top: 1px;
    left: 1px;
    text-align: center;
    width: 198px;
    height: 198px;
    background: #ececec
}

.ui-renren-photoupload-unit .loading img {
    margin-top: 84px
}

.ui-renren-photoupload-unit .upload {
    background-position: 0 0;
    width: 200px;
    height: 200px;
    cursor: pointer;
    text-align: center;
    border: 0;
    overflow: hidden
}

.ui-renren-photoupload-unit-hidden {
    visibility: hidden;
    position: absolute
}

.ui-renren-photoupload-unit .upload:hover {
    background-position: 0 -200px
}

.ui-renren-photoupload-unit .upload:active {
    background-position: 0 -200px
}

.ui-renren-photoupload-unit .upload .text {
    padding-top: 150px;
    font-size: 18px;
    color: #b2b2b2;
    display: block
}

.ui-renren-photoupload-unit .upload input {
    font-size: 200px
}

.ui-renren-photoupload-bootstrap .ui-widget-content {
    background: #ececec;
    overflow: hidden
}

.ui-renren-photoupload-bootstrap .bg {
    background-color: #ececec;
    background-position: -200px -53px;
    width: 100px;
    height: 92px;
    margin: auto;
    margin-top: 90px;
    margin-bottom: 20px
}

.ui-renren-photoupload-bootstrap .ui-state-hover {
    background-color: #f7e599
}

.ui-renren-photoupload-bootstrap .ui-state-hover .bg {
    background-color: #f7e599;
    background-position: -300px -53px
}

.ui-renren-photoupload-bootstrap .tips {
    width: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: #aaa
}

.ui-renren-photoupload-bootstrap .upload {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.ui-renren-photoupload-bootstrap .upload input {
    font-size: 454px
}

.ui-renren-privacy .ui-select-dock .ui-icon-privacy-group {
    display: none
}

.renren-privacy-disabled .ui-select-dock,.renren-privacy-disabled .ui-select-dock:hover {
    border-color: #d4d4d4;
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
    cursor: default
}

.ui-renren-privacy {
    height: auto
}

.ui-renren-privacy .ui-menu-divider {
    cursor: default;
    background-color: #ccc;
    height: 1px;
    color: #ccc;
    margin: 5px 0
}

.ui-renren-privacy .privacy-more {
    text-align: center;
    padding: 10px 0
}

.ui-renren-privacy .ui-icon-menu {
    display: none;
    position: absolute;
    right: 5px;
    top: 9px;
    line-height: 16px
}

.ui-renren-privacy .ui-state-focus .ui-icon-menu {
    display: block
}

.ui-dialog-privacy-password input {
    width: 210px
}

.customPrivacy .customPrivacy-tabs .ui-button {
    padding: 5px 10px;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    box-shadow: none
}

.customPrivacy .customPrivacy-tabs .customPrivacy-black.ui-state-highlight {
    border-bottom-color: #e83928
}

.customPrivacy .customPrivacy-tabs .customPrivacy-white.ui-state-highlight {
    border-bottom-color: #5ea344
}

.customPrivacy .customPrivacy-friendSelector {
    border: 1px solid #ddd
}

.customPrivacy .customPrivacy-friendSelector-filter {
    width: 147px;
    height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    border-right: 1px solid #ddd
}

.customPrivacy .customPrivacy-friendSelector-filter input {
    margin: 5px;
    width: 115px;
    padding-top: 2px;
    padding-bottom: 2px
}

.customPrivacy .customPrivacy-friendSelector-filter li a {
    display: block;
    padding: 5px 10px;
    color: #333;
    border-left: 3px solid transparent
}

.customPrivacy .customPrivacy-friendSelector-filter li a:hover {
    text-decoration: none;
    background: #e1e9f0;
    border-left-color: #e1e9f0
}

.customPrivacy .customPrivacy-friendSelector-filter li a.selected {
    border-left-color: #227dc5
}

.customPrivacy .customPrivacy-friendSelector-result {
    width: 420px;
    height: 260px;
    overflow-y: auto;
    float: left;
    position: relative
}

.customPrivacy .customPrivacy-friendSelector-result .ui-button {
    box-shadow: none;
    border: 0;
    padding: 5px 0 0 10px
}

.customPrivacy .customPrivacy-friendSelector-result ul {
    overflow: hidden
}

.customPrivacy .customPrivacy-friendSelector-result li {
    float: left;
    margin: 5px 0 0 5px
}

.customPrivacy .customPrivacy-friendSelector-result a {
    display: block;
    overflow: hidden;
    width: 114px;
    height: 50px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    color: #333;
    position: relative
}

.customPrivacy .customPrivacy-friendSelector-result a:hover {
    border-color: #dfdfdf
}

.customPrivacy .customPrivacy-friendSelector-result a.selected {
    background-color: #80b865;
    border-color: #80b865;
    color: #fff
}

.customPrivacy .customPrivacy-black .customPrivacy-friendSelector-result a.selected {
    background-color: #d1513d;
    border-color: #d1513d;
    color: #fff
}

.customPrivacy .customPrivacy-friendSelector-result a .avatar {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 10px
}

.customPrivacy .customPrivacy-friendSelector-result a .privacy {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0;
    display: block
}

.customPrivacy .customPrivacy-friendSelector-result a.ui-helper-sprite {
    background-position: -410px -63px
}

.customPrivacy .customPrivacy-black .customPrivacy-friendSelector-result a.ui-helper-sprite {
    background-position: -535px -63px
}

.customPrivacy .customPrivacy-friendSelected {
    padding-top: 5px
}

.customPrivacy .customPrivacy-friendSelected p.black,.customPrivacy .customPrivacy-friendSelected p.white {
    padding-left: 0;
    position: relative;
    display: none
}

.customPrivacy .customPrivacy-white .customPrivacy-friendSelected p.white,.customPrivacy .customPrivacy-black .customPrivacy-friendSelected p.black {
    display: block
}

.customPrivacy .customPrivacy-friendSelected p strong {
    font-weight: bold
}

.customPrivacy .customPrivacy-friendSelected p a {
    position: absolute;
    right: 0;
    top: 0
}

.customPrivacy .customPrivacy-friendSelected ul {
    background: #fff;
    height: 84px;
    border: 1px solid #ddd;
    overflow: auto;
    margin-top: 5px
}

.customPrivacy .customPrivacy-friendSelected ul li {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 10px 0 0 10px;
    padding: 0 5px;
    color: #8c8c8c;
    cursor: pointer
}

.customPrivacy .customPrivacy-friendSelected ul li:hover {
    border-color: #aaa
}

.customPrivacy .customPrivacy-friendSelected ul li span {
    color: #dcdcdc;
    font-size: 16px;
    margin-left: 5px
}

.customPrivacy .customPrivacy-friendSelected ul li:hover span {
    color: #8c8c8c
}

.privacy-group-edit {
    width: 560px;
    height: 260px;
    overflow-y: auto;
    float: left
}

.privacy-group-edit li {
    float: left;
    margin: 5px 0 0 5px
}

.privacy-group-edit a {
    display: block;
    overflow: hidden;
    width: 114px;
    height: 50px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    color: #333;
    position: relative
}

.privacy-group-edit a .avatar {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 10px
}

.ui-reply-option-list {
    display: none;
    position: absolute;
    right: 0;
    padding: 8px 0;
    background-color: #FFF;
    color: #888;
    border: solid 1px #d0d0d0;
    border-radius: 3px;
    box-shadow: 2px 2px 1px #ececec
}

.ui-reply-option {
    position: relative;
    border-radius: 2px
}

.ui-reply-option a {
    color: #888
}

.ui-reply-option a:hover span {
    color: #888
}

.ui-reply-option li {
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    word-wrap: normal;
    white-space: nowrap;
    word-break: keep-all
}

.ui-reply-option li:hover {
    background-color: #e1e9f0
}

.ui-reply-option .actived {
    padding-left: 7px;
    border-left: solid 3px #227dc5
}

.ui-reply-option .ui-icon-caratt {
    margin: 0 5px 4px 5px
}

.ui-reply-option:hover {
    background-color: #e1e9f0
}

.ui-school-type {
    font-size: 16px;
    overflow: hidden
}

.ui-school-type a {
    width: 70px;
    border-bottom: 3px solid #e1e9f0;
    text-align: center;
    padding-bottom: 5px;
    float: left;
    display: block;
    color: #aaa
}

.ui-school-type .ui-state-highlight {
    border-bottom-color: #227dc5;
    color: #333
}

.ui-school-filter {
    margin: 15px 0
}

.ui-school-filter .textinput {
    width: 240px;
    margin-right: 20px
}

.ui-school-filter .ui-select {
    margin-right: 10px
}

.ui-school-filter .ui-select-dock {
    border-radius: 0;
    height: 30px;
    line-height: 30px;
    width: 98px
}

.ui-school-filter .ui-select-options ul {
    overflow: hidden
}

.ui-school-filter .ui-select-options li {
    padding: 0 10px;
    border: 0;
    height: 28px;
    line-height: 28px
}

.ui-school-filter .ui-button {
    margin: 8px 10px 0 20px
}

.ui-school-results {
    height: 260px;
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    background-color: white
}

.ui-school-results ul {
    list-style: square;
    overflow: hidden;
    padding: 5px 0 10px 25px
}

.ui-school-results li {
    width: 205px;
    float: left;
    margin-top: 5px
}

.ui-school-primary {
    position: absolute;
    background: #f8f8f8;
    top: 40px;
    width: 95%;
    height: 90%;
    display: none
}

.ui-school-primary .textinput {
    width: 380px;
    margin: 50px 0 0 50px
}

.ui-school-primary .ui-button {
    margin: 50px 0 0 10px
}

.ui-school .ui-widget-content .ui-autocomplete {
    padding: 0;
    width: 260px;
    position: absolute
}

.trigger-share {
    line-height: 16px;
    padding: 5px 10px;
    color: #666
}

.trigger-share .ui-icon-share {
    text-indent: 0
}

.dialog-share {
    border-radius: 0 3px 3px 3px;
    word-wrap: break-word;
    word-break: break-all
}

.dialog-share p,.dialog-share-success p {
    margin: 0
}

.dialog-share .ui-widget-header,.dialog-share-success .ui-widget-header {
    display: none
}

.dialog-share .dialog-share-content {
    width: 520px;
    padding: 0;
    overflow: visible
}

.dialog-share-head {
    position: absolute;
    top: 0;
    left: -70px;
    width: 50px;
    height: 50px
}

.dialog-share-head img {
    border-radius: 3px
}

.ui-dialog-corner,.ui-dialog-corner-inner {
    position: absolute;
    top: -1px;
    left: -10px;
    width: 0;
    height: 0;
    border-width: 0 10px 10px 0;
    border-style: none solid dashed none;
    border-color: transparent #d4d4d4 transparent transparent;
    overflow: hidden
}

.ui-dialog-corner-inner {
    top: 0;
    left: -8px;
    border-right-color: #fff;
    border-width: 0 8px 8px 0
}

.dialog-share-msgpanel {
    background: #fff;
    padding: 10px 15px;
    border-bottom: 3px solid #227dc5;
    position: relative;
    _height: 1%
}

.dialog-share-msgbox {
    width: 492px;
    max-height: 120px;
    min-height: 80px;
    _height: 80px;
    border: 0 none;
    resize: none;
    outline: 0;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: 5px
}

.dialog-share-msgbox span.overlimit {
    background: #ef8a84
}

.dialog-share-msgbox span.overlimit::selection {
    background: #ef8a84;
    color: #fff
}

.dialog-share-msgbox span.overlimit::-moz-selection {
    background: #ef8a84;
    color: #fff
}

.dialog-share-msgbtns {
    padding-top: 3px;
    overflow: hidden
}

.dialog-share-msgbtns .ui-textbox-buttonPane {
    float: left;
    display: inline-block;
    *zoom: 1;
    text-indent: 0;
    overflow: hidden;
    vertical-align: top
}

.dialog-share-msgcount {
    float: right;
    color: #aaa
}

.dialog-share-msgcount .overlimit {
    color: #ef8a84
}

.dialog-share-msgcount .warn {
    color: #e77
}

.dialog-share-msgcmt {
    float: left;
    margin-left: 10px;
    cursor: pointer;
    color: #aaa;
    vertical-align: top
}

.dialog-share-msgcmt .icon-cmtto-checked,.dialog-share-msgcmt .icon-cmtto-checked:hover {
    color: #227dc5
}

.dialog-share-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px auto auto -60px;
    padding-left: 35px;
    background: url(http://a.xnimg.cn/nx/core/theme/images/loading.gif) left center no-repeat;
    font-size: 14px;
    color: #666
}

.dialog-share-feedpanel {
    position: relative;
    padding: 10px 15px;
    width: 480px
}

.dialog-share-from,.dialog-share-feedbox {
    width: 480px
}

.dialog-share-feedbox {
    position: relative;
    overflow: hidden;
    max-height: 200px
}

.dialog-share-from {
    font-size: 14px;
    margin-bottom: 10px
}

.dialog-share .from-user {
    font-weight: bold
}

.dialog-share-feedbox img {
    max-width: 480px
}

.dialog-share-title {
    font-size: 14px;
    font-weight: bold
}

.dialog-share-title,.dialog-share-summary,.dialog-share-count {
    padding: 0 10px 10px 0
}

.dialog-share-picbox {
    position: relative;
    float: left;
    margin-right: 10px;
    min-height: 100px
}

.dialog-share-picbox .icon-play {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -21px auto auto -21px;
    background: url(http://a.xnimg.cn/nx/newsfeed/res/play_btn.png) no-repeat;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="http://a.xnimg.cn/nx/newsfeed/res/play_btn.png")
}

.dialog-share .auth-select {
    width: 210px;
    position: relative;
    font-size: 14px;
    _float: left
}

.auth-select-current {
    position: relative;
    padding: 5px 15px;
    text-align: left;
    color: #999;
    border: 1px solid #c7c7c7;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05)
}

.auth-select-hover .auth-select-current {
    border-color: #9cc6e8;
    color: #666;
    box-shadow: 0 0 3px #3d96dc
}

.icon-arrow-down {
    position: absolute;
    top: 11px;
    left: 190px;
    _left: 175px;
    width: 0;
    height: 0;
    border-color: #bdc8d4 transparent transparent;
    border-width: 8px 6px 0;
    border-style: solid dashed none;
    overflow: hidden
}

.auth-select-hover .icon-arrow-down {
    border-top-color: #727781
}

.auth-select-list {
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 0 23px 0 rgba(22,5,7,0.3);
    *border: solid 1px #ddd;
    border: solid 1px #ddd\9
}

.auth-select-hover .auth-select-list {
    display: block
}

.auth-select-list li {
    padding: 5px 0 5px 20px;
    width: 190px;
    cursor: pointer;
    position: relative
}

.auth-select-list li:hover {
    background: #e0e9f0
}

.auth-select-list .auth-hr {
    padding: 10px;
    cursor: default
}

.auth-select-list .auth-hr:hover {
    background: #fff
}

.auth-select-list .ui-icon {
    text-indent: 0
}

.auth-hr span {
    display: block;
    width: 170px;
    height: 0;
    border-top: solid 1px #ddd
}

.auth-select-check {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5px
}

.auth-select-checked {
    background: #2c83c8
}

.dialog-share-type6 .dialog-share-feedbox {
    border: solid 1px #ddd
}

.dialog-share-type6 .dialog-share-title {
    padding-top: 10px
}

.dialog-share-type2 .album-bg-fews {
    width: 258px;
    height: 178px;
    padding-top: 16px;
    background: url('../cssimg/album_bg_fews.png') no-repeat
}

.dialog-share-type8 .dialog-share-picbox,.dialog-share-type156 .dialog-share-picbox {
    width: 232px;
    height: 162px;
    display: block;
    padding: 16px 13px;
    background: url('http://a.xnimg.cn/nx/photo/album-list/cssimg/album_bg_fews.png') no-repeat
}

.dialog-share-type8 .dialog-share-clip,.dialog-share-type156 .dialog-share-clip {
    width: 232px;
    height: 162px;
    overflow: hidden
}

.dialog-share-typestatus .ubb-type-200 {
    height: 100px;
    width: 100px
}

.dialog-share-placeholder {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #999;
    pointer-events: none
}

.vocal-player {
    display: inline-block;
    zoom: 1;
    position: relative;
    width: 280px;
    height: 20px;
    line-height: 20px;
    padding: 5px 10px;
    background: #e6eef4;
    color: #6cafe5;
    font-size: 16px;
    white-space: nowrap
}

.vocal-player:hover {
    background: #dce8f1;
    color: #227dc5
}

.vocal-player:link,.vocal-player:visited,.vocal-player:hover {
    text-decoration: none
}

.vocal-player .bg-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    padding: 5px 0;
    background: #6cafe5;
    color: #fff
}

.vocal-player:hover .bg-progress {
    background: #227dc5
}

.vocal-running .bg-progress {
    -webkit-transition: width 0s linear;
    -moz-transition: width 0s linear;
    -ms-transition: width 0s linear;
    -o-transition: width 0s linear;
    transition: width 0s linear
}

.vocal-player .time {
    float: left;
    *float: none;
    margin-right: 5px;
    pointer-events: none
}

.vocal-player .icon {
    display: inline-block;
    *zoom: 1;
    position: relative;
    vertical-align: top;
    margin-top: 4px;
    width: 0;
    height: 0;
    border-width: 6px 0 6px 10px;
    border-style: dashed none dashed solid;
    border-color: transparent transparent transparent #6cafe5;
    overflow: hidden
}

.vocal-player:hover .icon {
    border-left-color: #227dc5
}

.vocal-player .bg-progress .icon,.vocal-player:hover .bg-progress .icon {
    border-left-color: #fff
}

.vocal-running .icon {
    width: 9px;
    height: 16px;
    border: 0 none;
    background: url(http://a.xnimg.cn/nx/core/theme/images/icon-vocal.png) 0 -36px no-repeat
}

.vocal-running:hover .icon {
    background-position: 0 -54px
}

.vocal-running .bg-progress .icon {
    background-position: 0 -18px
}

.vocal-running:hover .bg-progress .icon {
    background-position: 0 -2px;
    height: 15px
}

.vocal-player .count {
    position: absolute;
    top: 5px;
    left: 190px;
    height: 20px;
    line-height: 20px;
    width: 100px;
    text-align: right
}

.bg-progress .time {
    padding-left: 10px
}

#vocalPlayerEl {
    position: fixed;
    top: 10%;
    left: 10%
}

.with-result {
    height: 14px;
    line-height: 14px;
    padding: 6px;
    color: #777;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 3px 6px;
    margin-right: 6px;
    display: inline-block;
    *display: inline;
    zoom: 1
}

.with-result:hover {
    border-color: #666
}

.with-close {
    margin-left: 5px;
    line-height: 14px;
    height: 14px;
    width: 14px
}

.dialog-with {
    background: #f8f8f8
}

.dialog-with .ui-widget-header {
    position: relative;
    z-index: 1
}

.dialog-with .ui-dialog-close .ui-button-text {
    display: none
}

.dialog-with .ui-dialog-close {
    top: 10px;
    right: 5px;
    display: block
}

.dialog-with .friend-list-input {
    margin: 10px;
    width: 151px;
    _width: 150px
}

.dialog-with ul {
    background: #fff
}

.ui-renren-publisher {
    border: 0;
    background: transparent;
    position: relative;
    font-size: 14px
}

.bd-publisher .ui-renren-publisher {
    width: 550px
}

.ui-renren-publisher .ui-renren-publisher-avatar,.ui-renren-publisher .ui-renren-publisher-edit .ui-renren-publisher-textbox .triangle,.ui-renren-publisher .ui-renren-publisher-edit .ui-renren-publisher-textbox .tools,.ui-renren-publisher .ui-renren-publisher-edit .ui-renren-publisher-textbox .counter,.ui-renren-publisher .ui-renren-publisher-preview,.ui-renren-publisher .ui-renren-publisher-buttonset {
    display: none
}

.ui-renren-publisher-active .ui-renren-publisher-avatar,.ui-renren-publisher-active .ui-renren-publisher-edit .ui-renren-publisher-textbox .triangle,.ui-renren-publisher-active .ui-renren-publisher-edit .ui-renren-publisher-textbox .tools,.ui-renren-publisher-active .ui-renren-publisher-edit .ui-renren-publisher-textbox .counter,.ui-renren-publisher-active .ui-renren-publisher-preview,.ui-renren-publisher-active .ui-renren-publisher-buttonset {
    display: block
}

.ui-renren-publisher-active .ui-renren-publisher-edit .ui-renren-publisher-toolbar {
    display: none
}

.ui-renren-publisher-avatar {
    position: absolute;
    top: 0;
    left: -70px
}

.ui-renren-publisher-avatar img {
    vertical-align: top;
    border-radius: 5px
}

.ui-renren-publisher-body {
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 1px #ccc
}

.ui-renren-publisher-active .ui-renren-publisher-body {
    box-shadow: 0 0 23px 0 rgba(22,5,7,0.3)
}

.ui-renren-publisher-edit {
    position: relative
}

.ui-renren-publisher-textbox {
    padding: 15px 10px 10px 15px;
    position: relative;
    background: #fff
}

.ui-renren-publisher-textbox .textarea {
    width: 460px;
    height: 45px;
    outline: 0;
    overflow: hidden;
    position: relative
}

.double-cols-feed .ui-renren-publisher-textbox .textarea {
    width: 400px
}

.ui-renren-publisher-textbox .textarea .textarea-wrapper {
    width: 100%;
    height: 100%
}

.ui-renren-publisher-active .ui-renren-publisher-textbox .textarea {
    width: 490px;
    height: 127px;
    margin-bottom: 10px
}

.ui-renren-publisher-appstart .ui-renren-publisher-textbox .textarea {
    width: 490px;
    height: 67px;
    margin-bottom: 10px
}

.ui-renren-publisher-active .ui-renren-publisher-textbox .ui-scrollbar-bar-y {
    right: 0
}

.ui-renren-publisher-textbox .textarea-textzone {
    outline: 0;
    padding-right: 10px;
    height: 100%;
    overflow: visible;
    word-wrap: break-word;
    word-break: break-all;
    position: relative;
    color: #a9a9a9
}

.ui-renren-publisher-active .ui-renren-publisher-textbox .textarea-textzone {
    color: #333
}

.ui-renren-publisher-textbox .textarea-inner .voice-interim {
    color: #ccc
}

.ui-renren-publisher-textbox .textarea-withwrapper,.ui-renren-publisher-textbox .textarea-emotionplaceholder {
    display: none;
    margin-top: 5px
}

.ui-renren-publisher-textbox .triangle {
    border-top: 10px solid #eee;
    border-left: 10px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    top: -1px
}

.ui-renren-publisher-textbox .triangle div {
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: -8px;
    top: -9px
}

.ui-renren-publisher-textbox .tools .ui-button {
    cursor: pointer;
    border: 0;
    padding: 0;
    background: 0;
    line-height: 16px;
    margin-right: 15px;
    box-shadow: none
}

.ui-renren-publisher-textbox .tools .ui-button .ui-button-text {
    margin-left: 0
}

.ui-renren-publisher-textbox .counter {
    position: absolute;
    right: 10px;
    bottom: 5px
}

.ui-renren-publisher-textbox .ui-state-error {
    border: 0;
    background: 0
}

.ui-renren-publisher-edit .ui-renren-publisher-toolbar {
    background-position: -200px 0;
    height: 53px;
    overflow: hidden
}

.double-cols-feed .ui-renren-publisher-edit .ui-renren-publisher-toolbar {
    background-position: -200px -147px;
    height: 53px;
    overflow: hidden
}

.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-button {
    width: 125px;
    border: 0;
    padding: 16px 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    line-height: 20px
}

.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-button .ui-icon {
    font-size: 20px
}

.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-state-hover .ui-icon,.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-state-focus .ui-icon,.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-state-highlight .ui-icon,.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-button:hover .ui-icon,.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-button:focus .ui-icon,.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-icon:hover {
    color: #fff
}

.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-select-dock {
    border: 0;
    width: 125px;
    background: transparent;
    border-radius: 0
}

.double-cols-feed .ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-button {
    width: 110px
}

.double-cols-feed .ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-select-dock {
    width: 110px
}

.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-select-selected {
    margin: 0
}

.from-app-publisher-more {
    border-color: #dfdfdf;
    border-width: 0 1px 1px 1px
}

.from-app-publisher-more li {
    padding: 0;
    height: 50px;
    border-left: none
}

.from-app-publisher-more .ui-button {
    width: 125px;
    border: 0;
    padding: 15px 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    line-height: 20px
}

.ui-renren-publisher-edit .ui-renren-publisher-toolbar .ui-state-hover {
    color: #fff
}

#appPublisherBtnPhoto.ui-state-hover {
    background: #e7b402
}

#appPublisherBtnShare.ui-state-hover {
    background: #e97e06
}

#appPublisherBtnBlog.ui-state-hover {
    background: #1aaf5e
}

#appPublisherBtnMore.ui-state-hover {
    background: #3d96dc
}

#appPublisherBtnVideo.ui-state-hover {
    background: #66b3a9
}

#appPublisherBtnMovie.ui-state-hover {
    background: #3d96dc
}

.ui-renren-publisher-preview {
    background: #f8f8f8;
    *z-index: 1;
    *position: relative
}

.ui-renren-publisher-preview .ui-renren-publisher-toolbar {
    border-top: 3px solid #3d96dc;
    padding-top: 15px;
    *display: block
}

.ui-renren-publisher-preview .ui-renren-publisher-toolbar label {
    margin-left: 20px;
    *float: left
}

.ui-renren-publisher-preview .ui-renren-publisher-toolbar .ui-button {
    width: 80px;
    line-height: 20px;
    border: 0;
    padding: 0;
    background: 0;
    box-shadow: none;
    border-radius: 0;
    *float: left
}

.ui-renren-publisher-preview .ui-renren-publisher-toolbar .ui-button .ui-iconfont {
    font-size: 20px
}

.ui-renren-publisher-preview .ui-renren-publisher-toolbar .ui-button .ui-button-text {
    padding: 2px 0 0 0;
    line-height: 18px;
    display: inline-block;
    *display: inline;
    zoom: 1
}

.ui-renren-publisher-preview .ui-button-cancel {
    padding: 0;
    border: 0;
    border-radius: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 20px;
    overflow: hidden;
    box-shadow: none
}

.ui-renren-publisher-preview .ui-button-cancel .ui-icon {
    font-size: 20px
}

.ui-renren-publisher-preview .ui-renren-publisher-stage {
    width: 520px
}

.app-publisher-photo {
    border-top: 3px solid #e7b402;
    padding: 10px;
    position: relative;
    z-index: 2
}

.app-publisher-photo .photo-factory {
    overflow: hidden;
    width: 500px;
    height: 250px;
    border: 0;
    background-color: #ececec
}

.app-publisher-photo .photo-factory:hover {
    background-color: #f7e599
}

.app-publisher-photo .photo-factory .bg {
    background-position: -200px -53px;
    width: 100px;
    height: 94px;
    margin: auto;
    margin-top: 50px
}

.app-publisher-photo .photo-factory:hover .bg {
    background-position: -300px -53px
}

.app-publisher-photo .photo-factory .tips {
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: #aaa
}

.app-publisher-photo .photo-factory input {
    font-size: 250px
}

.app-publisher-photo .photo-factory .ui-button-cancel {
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 20px;
    height: 20px
}

.app-publisher-photo .hidden {
    position: absolute;
    z-index: -1;
    display: none
}

.app-publisher-photo .photo-status {
    width: 500px;
    height: 250px;
    background: #f8f8f8;
    text-align: center;
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 16px
}

.app-publisher-photo .photo-status .loading {
    margin: 100px 0 20px;
    color: #a6a6a6
}

.app-publisher-photo .photo-status .loading img {
    margin-right: 10px
}

.app-publisher-photo .photo-status .progress {
    width: 390px;
    height: 3px;
    margin: 0 auto
}

.app-publisher-photo .photo-status .error {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ececec;
    color: #a6a6a6;
    display: none
}

.app-publisher-photo .photo-status .error span {
    padding-top: 24%;
    display: block
}

.app-publisher-photo .photo-status .error .ui-button {
    position: absolute;
    left: 20px;
    bottom: 10px
}

.app-publisher-photo .photo-grids {
    position: relative;
    display: none;
    background: #f8f8f8
}

.app-publisher-photo .photo-grids .grid {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    transition-duration: .5s
}

.app-publisher-photo .grid-placeholder {
    border: 1px #ddd dashed;
    background-color: #f5f5f5
}

.app-publisher-photo .photo-grids .grid .grid-button {
    width: 100%;
    height: 100%;
    border: 0;
    background: 0;
    padding: 0;
    cursor: inherit;
    position: relative
}

.app-publisher-photo .photo-grids .grid .ui-button-trash {
    right: 15px;
    top: 15px;
    position: absolute;
    display: none
}

.app-publisher-photo .photo-grids .ui-state-hover .ui-button-trash {
    display: block
}

.app-publisher-photo .photo-grids .grid .ui-button-trash .ui-icon {
    color: white;
    background: #333;
    background: rgba(0,0,0,0.65);
    border-radius: 3px;
    width: 20px;
    line-height: 20px
}

.app-publisher-photo .photo-grids .photo-number {
    background: #666;
    background: rgba(0,0,0,0.5);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    left: 0;
    top: 20px;
    text-shadow: 0 0 10px #000;
    padding: 5px 10px 0 20px;
    color: #fff
}

.app-publisher-photo .photo-grids .photo-number strong {
    font-size: 40px;
    line-height: 50px;
    font-weight: normal
}

.app-publisher-photo .photo-buttonset {
    padding: 10px 5px 0 5px;
    display: none;
    position: relative
}

.app-publisher-photo .photo-buttonset .ui-select {
    margin-right: 10px
}

.app-publisher-photo .photo-buttonset .ui-select-dock {
    width: 280px
}

.app-publisher-photo .photo-buttonset .ui-button {
    width: 122px
}

.app-publisher-photo .photo-buttonset .ui-button-cancel {
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px
}

.ui-renren-publisher-preview .ui-renren-publisher-share {
    border-top: 3px solid #e97e06;
    padding: 20px;
    position: relative
}

.ui-renren-publisher-preview .ui-renren-publisher-share .cancel {
    position: absolute;
    right: 20px;
    top: 20px
}

.ui-renren-publisher-preview .share-factory {
    position: relative
}

.ui-renren-publisher-preview .share-factory input {
    width: 420px
}

.ui-renren-publisher-preview .share-factory .loading {
    position: absolute;
    display: none;
    left: 1px;
    top: 1px;
    height: 30px;
    line-height: 30px;
    color: #bfbfbf;
    background: #fff;
    width: 440px
}

.ui-renren-publisher-preview .share-factory .loading img {
    margin: 9px;
    float: left
}

.ui-renren-publisher-preview .share-factory .loading p {
    margin-top: 2px
}

.ui-renren-publisher-share .share-grids {
    display: none;
    width: 480px
}

.ui-renren-publisher-share .share-grids .normal {
    height: 175px;
    width: 455px;
    border: 1px solid #dfdfdf;
    position: relative
}

.ui-renren-publisher-share .share-grids .normal .images {
    width: 150px;
    height: 175px;
    line-height: 175px;
    float: left;
    text-align: center;
    border: 0;
    margin-right: 20px;
    overflow: hidden
}

.ui-renren-publisher-share .share-grids .normal .images .ui-slideshow-slides {
    height: 100%
}

.ui-renren-publisher-share .share-grids .normal .images .ui-slideshow-slide {
    width: 150px;
    height: 100%
}

.ui-renren-publisher-share .share-grids .normal .images .ui-slideshow-slide button {
    cursor: inherit;
    padding: 0;
    border: 0;
    background: 0;
    height: 100%
}

.ui-renren-publisher-share .share-grids .normal .tools {
    display: none
}

.ui-renren-publisher-share .share-grids .normal .tools div {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    padding: 0;
    box-shadow: none;
    border: 0;
    background: 0
}

.ui-renren-publisher-share .share-grids .normal .tools .prev {
    left: 90px
}

.ui-renren-publisher-share .share-grids .normal .tools .next {
    left: 120px
}

.ui-renren-publisher-share .share-grids .normal .text {
    padding: 20px 20px 0 20px;
    color: #999
}

.ui-renren-publisher-share .share-grids .normal .text h3 {
    font-weight: bold;
    margin-bottom: 5px;
    color: #333
}

.ui-renren-publisher-share .share-grids .normal .ui-button {
    font-size: 10px;
    background: url(http://s.xnimg.cn/nx/newsfeed/res/feed-icon.png) no-repeat;
    _background: url(http://s.xnimg.cn/nx/newsfeed/res/feed-icon-ie6.png) no-repeat;
    background-position: 10px -838px;
    line-height: 23px;
    color: #6d7991;
    border: 1px solid #c8d5de;
    padding-left: 30px;
    padding-right: 20px;
    background-color: #e5edf4;
    margin-top: 5px
}

.ui-renren-publisher-share .share-grids .normal .revert {
    cursor: pointer;
    display: none;
    margin-left: 5px;
    margin-top: 5px
}

.ui-renren-publisher-share .share-grids .video h3 {
    margin-bottom: 10px
}

.ui-renren-publisher-share .share-grids .video p {
    margin-bottom: 20px
}

.ui-renren-publisher-share .share-grids .video .image img {
    width: 300px;
    height: 200px
}

.ui-renren-publisher-share .share-grids .video .image span {
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    background: url(http://s.xnimg.cn/nx/newsfeed/res/play_btn.png) no-repeat;
    bottom: 100px;
    left: 145px
}

.ui-renren-publisher-preview .ui-renren-publisher-movie {
    border-top: 3px solid #3d96dc;
    padding: 20px 0;
    position: relative
}

.ui-renren-publisher-movie .ui-button-cancel {
    right: 20px;
    top: 20px
}

.ui-renren-publisher-movie .factory {
    width: 520px;
    overflow: hidden;
    position: relative
}

.ui-renren-publisher-movie .factory .textinput {
    margin-left: 20px;
    border-color: #bdc8d4;
    width: 300px
}

.ui-renren-publisher-movie .factory .ui-button {
    position: absolute;
    left: 320px;
    top: 9px;
    padding: 0;
    box-shadow: none;
    background: 0;
    border: 0;
    line-height: 16px
}

.ui-renren-publisher-movie .ui-autocomplete {
    width: 300px;
    position: absolute;
    display: block
}

.ui-renren-publisher-movie .ui-autocomplete .ui-menu-item {
    position: relative;
    overflow: hidden;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #adb6cb;
    border-top: 0;
    height: auto
}

.ui-renren-publisher-movie .ui-autocomplete .ui-state-focus {
    background-color: #d9e0e7
}

.ui-renren-publisher-movie .ui-autocomplete .ui-menu-item .thumb {
    float: left;
    width: 35px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px
}

.ui-renren-publisher-movie .ui-autocomplete .ui-menu-item h3 {
    line-height: 28px
}

.ui-renren-publisher-movie .ui-slideshow {
    width: 675px;
    margin-top: 20px;
    margin-left: -78px
}

.ui-renren-publisher-movie .ui-slideshow .movie {
    text-align: center;
    color: #666;
    cursor: pointer;
    margin-right: 15px
}

.ui-renren-publisher-movie .ui-slideshow .movie .image {
    width: 100px;
    height: 140px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px
}

.ui-renren-publisher-movie .ui-slideshow .movie .image img {
    display: block;
    width: 100%
}

.ui-renren-publisher-movie .ui-slideshow .movie .image span {
    display: none;
    width: 94px;
    height: 140px;
    border-color: #3d96dc;
    border-style: solid;
    border-width: 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent
}

.ui-renren-publisher-movie .ui-slideshow .movie:hover {
    color: #333
}

.ui-renren-publisher-movie .ui-slideshow .movie:hover .image span {
    display: block
}

.ui-renren-publisher-movie .factory .mask-left,.ui-renren-publisher-movie .factory .mask-right {
    position: absolute;
    top: 35px;
    background: #d9e0e7;
    background: rgba(248,248,248,0.8);
    width: 30px;
    height: 190px
}

.ui-renren-publisher-movie .factory .mask-right {
    right: 0
}

.ui-renren-publisher-movie .factory .prev,.ui-renren-publisher-movie .factory .next {
    background: url(http://s.xnimg.cn/nx/core/theme/images/publisher/ui-btn-movie-nav.png) left center no-repeat;
    position: absolute;
    top: 50px;
    width: 30px;
    height: 145px;
    display: none;
    cursor: pointer
}

.ui-renren-publisher-movie .factory .next {
    background-position: right center;
    right: 0
}

.ui-renren-publisher-movie .ui-state-hover .prev,.ui-renren-publisher-movie .ui-state-hover .next {
    display: block
}

.ui-renren-publisher-movie .stage {
    display: none;
    margin: 0 20px;
    border: 1px solid #dfdfdf;
    background: #fff;
    width: 450px
}

.ui-renren-publisher-movie .stage .image {
    float: left;
    height: 210px;
    overflow: hidden
}

.ui-renren-publisher-movie .stage .image img {
    width: 150px
}

.ui-renren-publisher-movie .stage .info {
    float: left;
    margin-left: 20px;
    width: 275px;
    color: #666
}

.ui-renren-publisher-movie .stage .info h3 {
    font-weight: bold;
    color: #333;
    margin-top: 20px
}

.ui-renren-publisher-movie .stage .info p {
    margin-top: 5px
}

.ui-renren-publisher-movie .stage .info .status {
    background: url(http://s.xnimg.cn/nx/core/theme/images/publisher/ui-btn-movie-status.png) no-repeat;
    height: 25px;
    cursor: pointer;
    margin: 10px 0
}

.ui-renren-publisher-movie .stage .info .status span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 66px;
    height: 25px
}

.ui-renren-publisher-movie .stage .info .status-left {
    background-position: 0 0
}

.ui-renren-publisher-movie .stage .info .status-left:hover {
    background-position: 0 -25px
}

.ui-renren-publisher-movie .stage .info .status-right {
    background-position: 0 -50px
}

.ui-renren-publisher-movie .stage .info .status-right:hover {
    background-position: 0 -75px
}

.ui-renren-publisher-movie .stage .info .rate {
    display: none
}

.ui-renren-publisher-movie .stage .info .rate .ui-button {
    margin-left: 5px
}

.ui-renren-publisher-movie .stage .info .rate .ui-state-hover .ui-icon,.ui-renren-publisher-movie .stage .info .rate .ui-state-focus .ui-icon,.ui-renren-publisher-movie .stage .info .rate .ui-state-highlight .ui-icon,.ui-renren-publisher-movie .stage .info .rate .ui-button:hover .ui-icon,.ui-renren-publisher-movie .stage .info .rate .ui-button:focus .ui-icon,.ui-renren-publisher-movie .stage .info .rate .ui-icon:hover {
    color: #e7b402
}

.ui-renren-publisher-buttonset {
    padding: 15px;
    background: #f8f8f8;
    text-align: right;
    position: relative
}

.ui-renren-publisher-buttonset .ui-select {
    text-align: left;
    position: absolute;
    top: 15px;
    left: 15px
}

.ui-renren-publisher-buttonset .ui-select-selected .ui-icon {
    display: none
}

.ui-renren-publisher-buttonset .buttonset .ui-button {
    margin-left: 10px;
    padding: 0 30px
}

.ui-renren-publisher-appstart .ui-renren-publisher-buttonset {
    background: #fff
}

.act-change-dialog p {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px
}

.act-change-dialog .ui-widget-header {
    padding: 20px
}

.act-change-dialog .ui-widget-header .ui-dialog-close {
    right: 20px
}

.act-change-dialog .act-change-main {
    padding: 0 20px 20px 20px
}

.act-change-dialog .act-change-list-con {
    position: relative;
    height: 230px;
    border: 1px solid #DDD;
    background-color: #FFF;
    overflow: hidden
}

.act-change-dialog .act-change-list-con ul {
    padding: 10px 0
}

.act-change-dialog .act-change-list-con li {
    display: block;
    height: 50px;
    padding: 10px 20px
}

.act-change-dialog .act-change-list-con .user-info {
    float: left
}

.act-change-dialog .act-change-list-con .user-info .u-name {
    margin-left: 20px;
    font-size: 14px;
    color: #333
}

.act-change-dialog .act-change-list-con .change-btn {
    float: right;
    width: 86px;
    height: 28px;
    margin-top: 10px;
    text-align: center;
    line-height: 28px;
    color: #FFF;
    background-color: #3e94d7;
    border: 1px solid #418bc4
}

.act-change-dialog .act-change-list-con .change-btn:hover {
    background-color: #4095d8;
    border: 1px solid #196fb3
}

.act-change-dialog .act-change-list-con li .avatar {
    width: 50px;
    height: 50px
}

.pwd-confirm-dialog .ui-widget-header {
    padding: 20px
}

.pwd-confirm-dialog .ui-widget-header .ui-dialog-close {
    right: 20px
}

.pwd-confirm-dialog .pwd-confirm-main {
    padding: 0 20px 20px 20px
}

.pwd-confirm-dialog .pwd-confirm-main .user-info {
    float: left;
    width: 160px;
    height: 50px
}

.pwd-confirm-dialog .pwd-confirm-main .user-info img {
    width: 50px;
    height: 50px
}

.pwd-confirm-dialog .pwd-confirm-main .user-info span {
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    color: #333;
    max-width: 80px;
    max-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pwd-confirm-dialog .pwd-confirm-main .pwd-confirm {
    float: left;
    border-left: 1px solid #DDD;
    padding-left: 20px;
    width: 279px;
    overflow: hidden
}

.pwd-confirm-dialog .pwd-confirm-main .pwd-confirm label {
    display: inline-block;
    width: 50px;
    text-align: right
}

.pwd-confirm-dialog .pwd-confirm-main .pwd-confirm p {
    margin-bottom: 10px
}

.pwd-confirm-dialog .pwd-confirm-main .pwd-confirm img {
    width: 100px
}

.pwd-confirm-dialog .pwd-confirm-main .pwd-confirm .mr-img {
    margin-left: 60px
}

.pwd-confirm-dialog .pwd-confirm-main .pwd-confirm .hidden {
    display: none
}

#nxContainer {
    min-width: 900px;
    margin-right: 240px
}

#nxContainer.nx-freeViewport,#nxContainer.nx-webpager-fold {
    margin-right: 0
}

.hd-main {
    margin-left: 80px
}

#nxContainer.nx-normalViewport .hd-main {
    margin-left: 160px
}

.nx-sidebar {
    position: fixed;
    top: 50px;
    left: 0
}

.slide-fixed-wraper {
    width: 80px;
    min-width: 80px;
    background: #e6eaee;
    box-shadow: -8px 0 2px -7px #d1d1d1 inset;
    overflow: hidden;
    border-right: 1px solid #d1d1d1\9;
    border-right: none\9\0;
    position: relative
}

.slide-fixed-wraper .app-title {
    display: none
}

#nxContainer.nx-normalViewport .slide-fixed-wraper {
    width: 160px
}

#nxContainer.nx-normalViewport .slide-fixed-wraper .app-title {
    display: inline-block;
    *display: inline;
    zoom: 1
}

.bd-container {
    background: #e9edf0;
    margin-left: 80px
}

#nxContainer.nx-normalViewport .bd-container {
    margin-left: 160px
}

#frameFixedNav {
    left: 80px;
    left: 81px\9;
    left: 81px\9\0
}

#nxContainer.nx-normalViewport #frameFixedNav {
    left: 160px;
    left: 161px\9;
    left: 160px\9\0
}

.bd-content {
    margin: 0 auto;
    padding: 15px 0 0;
    position: relative
}

#fixedLayer {
    position: fixed;
    z-index: 200
}

#webpager-holder {
    display: block;
    width: 240px;
    position: fixed;
    _position: absolute;
    top: 0;
    right: 0;
    z-index: 131;
    background: url(http://s.xnimg.cn/nx/core/theme/images/loading.gif) no-repeat center center;
    box-shadow: -3px 0 6px -2px #999
}

#webpager-holder .nav-holder {
    height: 50px
}

#webpager-holder .subnav-holder {
    height: 50px;
    overflow: hidden
}

#webpager-holder .subnav-holder:after {
    box-shadow: 0 0 7px #d1d1d1
}

.nx-main760 .hd-nav,.nx-main760 .bd-content,.nx-main760 .frame-nav-inner {
    width: 760px
}

.nx-main860 .hd-nav,.nx-main860 .bd-content,.nx-main860 .frame-nav-inner {
    width: 860px
}

.nx-main960 .hd-nav,.nx-main960 .bd-content,.nx-main960 .frame-nav-inner {
    width: 960px
}

.nx-main980 #nxContainer .hd-main {
    width: 980px;
    margin: 0 auto;
    position: relative
}

.nx-main980 #nxContainer .hd-wraper .hd-logo {
    background: url(http://a.xnimg.cn/nx/core/theme/skin/mainframe/logo_new.png) no-repeat left center;
    width: 128px;
    left: 0
}

.nx-main980 #nxContainer .hd-nav {
    width: 820px;
    margin-left: 160px
}

.nx-main980 #nxContainer .hd-search .hd-search-input {
    width: 530px
}

.nx-main980 #nxContainer .bd-content,.nx-main980 #nxContainer .frame-nav-inner {
    width: 980px
}

.nx-main980 #nxContainer #frameFixedNav {
    left: 0
}

.nx-main980 #nxContainer .bd-container {
    margin-left: 0
}

.nx-main945 .hd-nav,.nx-main945 .frame-nav-inner {
    width: 760px
}

.nx-main945 .slide-fixed-wraper {
    width: 80px
}

.nx-main945 .app-nav-item .app-title {
    display: none
}

.nx-main945 .hd-main,.nx-main945 .bd-container {
    margin-left: 80px
}

.nx-mainfree .hd-nav,.nx-mainfree .frame-nav-inner {
    width: 760px
}

.vip-skinBtn {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 131;
    background: url(http://a.xnimg.cn/nx/core/theme/skin/mainframe/vip_skin_new1.png) no-repeat 0 0
}

#webpager .vip-skinBtn {
    right: auto;
    left: -50px
}

.nx-tooltip {
    height: 20px;
    padding: 6px 10px;
    background: #333;
    color: #fff;
    border: 0;
    position: absolute;
    line-height: 20px;
    box-shadow: none;
    border-radius: 0
}

.nx-drop-box {
    display: none;
    padding: 5px 0;
    position: absolute;
    box-shadow: 0 0 6px #ddd;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    background: #fff
}

.nx-content {
    width: 502px;
    float: left;
    min-height: 100px
}

.nx-right,.nx-right-placeholder {
    width: 240px;
    float: right;
    position: relative
}

.double-cols-feed .nx-content {
    width: 442px
}

.double-cols-feed .nx-right {
    width: 442px
}

.bd-content .ui-renren-publisher {
    margin-bottom: 20px
}

.nf-group-list-container {
    position: absolute;
    display: none;
    width: 189px;
    max-height: 340px;
    border: 1px solid #d4d4d4;
    background-color: #FFF;
    box-shadow: 0 0 8px rgba(22,5,7,0.3);
    overflow: hidden;
    right: 0;
    top: 50px;
    zoom: 1
}

.fd-nav-showmore:hover .nf-group-list-container {
    display: block
}

.fd-nav-item-list .nf-group-list-container {
    top: 31px
}

.fd-nav-item-list:hover .nf-group-list-container {
    display: none
}

.fd-nav-item-list .fd-nav-filter-btn:hover .nf-group-list-container {
    display: block
}

.nf-group-list {
    padding: 10px 0
}

.nf-group-list li {
    width: 189px;
    height: 34px
}

.nf-group-list .nf-group-item a {
    width: 169px;
    height: 34px;
    overflow: hidden;
    line-height: 34px;
    padding-left: 20px;
    border-bottom: medium none
}

.nf-group-list .nf-group-item a:hover {
    background-color: #e1e9f0;
    border: 0;
    height: 34px
}

.nf-group-list .nf-group-item .nf-item-gname {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

.nf-group-list .nf-group-item .fd-nav-num {
    line-height: 34px
}

.fd-nav-item .nf-group-item .actived {
    padding-left: 17px;
    width: 166px;
    border-left: 3px solid #227dc5;
    border-bottom: 0
}

.fd-nav-item .nf-group-item .actived:hover {
    padding-left: 17px;
    width: 166px;
    border-left: 3px solid #227dc5;
    border-bottom: 0
}

.nf-group-list .nf-group-item .feeds-count {
    float: left
}

.app-nav-cont .app-icon,.search-result .s-def-item .s-icon,.app-nav-cont .app-more .app-icon {
    background: url(http://a.xnimg.cn/nx/core/theme/images/app-icons.png) no-repeat
}

.app-nav-cont .app-icon1,.app-nav-cont .app-more .app-icon1 {
    background: url(http://a.xnimg.cn/nx/core/theme/skin/mainframe/app-icons-v5.png) no-repeat
}

.app-nav-cont .app-icon2,.app-nav-cont .app-more .app-icon2 {
    background: url(http://a.xnimg.cn/nx/core/theme/skin/mainframe/app-icons-v6.png) no-repeat
}

.hd-search .hd-search-btn,.icon-notic-bob,.fd-nav-icon,.app-nav-item-cur .app-link {
    background: url(http://a.xnimg.cn/nx/core/theme/skin/mainframe/frame-icons-v4.png) no-repeat
}

#toolBackTo {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 75px;
    z-index: 100
}

#toolBackTo a {
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    background: url(http://s.xnimg.cn/nx/newsfeed/res/back_to_top_1.png) no-repeat;
    background-color: #a4aab4;
    background-color: rgba(164,170,180,0.5);
    *background-color: #a4aab4;
    background-position: 16px 19px;
    border-radius: 2px
}

#toolBackTo a:hover {
    background-color: #3d96dc
}

#toolBackTo .v7-feedback {
    background-image: none;
    padding-top: 4px;
    height: 21px;
    color: white;
    letter-spacing: 2px;
    margin-top: 1px;
    text-align: center;
    position: absolute;
    top: 50px
}

.advert-box {
    display: none
}

.v7-feedback-layer {
    position: relative;
    margin-bottom: 20px
}

.v7-feedback-layer textarea {
    display: block;
    width: 440px;
    height: 160px;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 10px;
    font-size: 14px;
    outline: 0;
    resize: none
}

.v7-feedback-layer p {
    color: #aaa;
    font-weight: normal;
    border: 1px solid #ddd;
    border-top: 0;
    text-align: right;
    background-color: white;
    padding: 0 10px 5px 0
}

.v7-feedback-layer p.err-count {
    font-weight: bold;
    color: red
}

.double-cols-feed #right-fix-info,.double-cols-feed .advert-box {
    display: none!important
}

.double-cols-feed .bd-content {
    width: 900px
}

.double-cols-feed .recommend-area {
    margin: 20px 0;
    float: none;
    background-color: white
}

.v7-friend-toplimit {
    width: 500px;
    overflow: hidden
}

.v7-friend-toplimit .ui-widget-header {
    padding: 20px
}

.v7-friend-toplimit .ui-dialog-close {
    right: 20px
}

.v7-friend-toplimit .ui-widget-content {
    padding: 0
}

.toplimit-con {
    overflow: hidden
}

.toplimit-tips {
    padding: 20px 0;
    background: url('http://s.xnimg.cn/nx/core/theme/images/v7-fri-toplimit.png') no-repeat 348px 0;
    height: 120px;
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.toplimit-tips-con {
    padding-left: 40px;
    width: 240px
}

.toplimit-failapply {
    padding: 10px 20px 30px 20px;
    text-align: center;
    overflow: hidden
}

.failapply-tip {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.toplimit-btns {
    padding: 20px;
    height: 31px;
    border: none!important;
    background: #FFF;
    overflow: hidden
}

.toplimit-btns a {
    float: right;
    margin-left: 10px;
    padding: 0 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 1px #e5e5e5
}

.toplimit-btns a:hover {
    text-decoration: none
}

.toplimit-btns .vip-pay {
    color: #FFF;
    background: #8d66b1;
    border: 1px solid #7a4caa
}

.toplimit-btns .follow-attention {
    color: #FFF;
    background: #7fb764;
    border: 1px solid #75ab5b
}

.toplimit-btns .not-vip {
    padding: 0 13px;
    color: #686f7c;
    background: #fdfdfd;
    border: 1px solid #c7c7c7
}

.toplimit-btns .btn2 {
    padding: 0 13px
}

.toplimit-btns .follow-attention:hover {
    background: #78b05d;
    border: 1px solid #5e9643
}

.toplimit-btns .vip-pay:hover {
    background: #825aa7;
    border: 1px solid #524ea8
}

.toplimit-btns .not-vip:hover {
    border: 1px solid #727986
}

.guide-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)
}

.guide-v7-step-1 {
    position: absolute;
    background: url(http://s.xnimg.cn/nx/core/theme/images/guide/v7_2-step-1.png) no-repeat;
    width: 411px;
    height: 247px
}

.guide-v7-step-1 .guide-close {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 202px;
    right: 30px
}

.guide-v7-step-2 {
    position: absolute;
    background: url(http://s.xnimg.cn/nx/core/theme/images/guide/v7_2-step-2.png) no-repeat;
    width: 349px;
    height: 261px
}

.guide-v7-step-2 a {
    position: absolute;
    left: 185px;
    top: 140px;
    width: 145px;
    height: 36px
}

.hd-wraper .hd-logo {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 20px;
    top: 0;
    zoom: 1;
    background: url(../images/logo_friend_page.png) no-repeat left center
}

.hd-nav {
    width: 760px;
    margin: 0 auto;
    padding: 10px 0 0;
    position: relative
}

.hd-wraper {
    height: 50px;
    background: #227dc5;
    position: relative;
    z-index: 120
}

.ieFixBug .hd-wraper {
    *z-index: -1
}

.hd-fixed-wraper {
    background: #ffffff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}

.hd-main {
    height: 50px
}

.hd-wraper .hd-logo a {
    display: block;
    height: 50px;
    text-indent: -999px;
    direction: ltr
}

.hd-search {
    float: left;
    position: relative
}

.hd-search .hd-search-input {
    height: 24px;
    width: 470px;
    padding: 3px 20px 3px 10px;
    font-size: 14px;
    line-height: 24px;
    background: #1c68a4;
    border: 0;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.hd-search input::-webkit-input-placeholder {
    color: #67ace0
}

.hd-search input::-moz-placeholder {
    color: #67ace0
}

.hd-nav .hd-search .hd-search-placeholder {
    color: #67ace0
}

.hd-search input:-ms-input-placeholder {
    color: #67ace0
}

.hd-search .hd-search-btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 6px
}

.search-result {
    z-index: 1000;
    position: absolute;
    top: 50px;
    left: 0;
    width: 498px;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    box-shadow: 0 2px 5px 1px #dbdcde
}

.search-arr-down {
    display: inline-block;
    height: 6px;
    width: 13px;
    margin-left: 3px;
    overflow: hidden;
    position: absolute;
    letter-spacing: 0;
    zoom: 1;
    top: -6px;
    left: 60px
}

.search-arr-outer,.search-arr-inner {
    position: absolute;
    display: block;
    height: 0;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    _border-color: tomato tomato #fff tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    top: -1px;
    left: -1px
}

.search-result .s-list {
    padding: 8px 0
}

.search-result .s-item {
    display: block;
    padding: 7px 15px;
    height: 31px
}

.search-result .s-item-selected a {
    background: #e1e9f0
}

.search-result .s-icon {
    height: 32px;
    width: 32px;
    float: left
}

.search-result .s-def-know .s-icon {
    background-position: 0 -480px
}

.search-result .s-def-friend .s-icon {
    background-position: 0 -160px
}

.search-result .s-def-share .s-icon {
    background-position: 0 -200px
}

.search-result .s-def-site .s-icon {
    background-position: 0 -400px
}

.search-result .s-def-page .s-icon {
    background-position: 0 -440px
}

.search-result .s-icon img {
    width: 32px;
    height: 32px;
    border-radius: 2px
}

.search-result .s-info {
    overflow: hidden;
    height: 30px;
    padding-left: 10px;
    zoom: 1
}

.search-result .s-def-item .s-info {
    font-size: 14px;
    line-height: 31px;
    color: #666
}

.search-result .s-line {
    height: 0;
    overflow: hidden;
    margin: 0 15px;
    border-bottom: 1px solid #e5e5e5
}

.search-result .s-name {
    font-size: 14px;
    line-height: 18px;
    color: #666
}

.search-result .s-dis {
    font-size: 12px;
    line-height: 12px;
    color: #9a9a9a
}

.search-result .s-tip {
    font-size: 14px;
    color: #666;
    height: 30px;
    padding: 2px 15px 2px;
    line-height: 28px
}

#s-result-cont {
    display: none
}

.hd-account {
    float: left;
    margin-left: 20px
}

.hd-account dt {
    float: left;
    margin-right: 10px
}

.hd-account dd {
    float: left;
    line-height: 16px
}

.hd-account .hd-avatar {
    border-radius: 2px
}

.hd-account .hd-name {
    font-weight: bold;
    color: #fff;
    max-width: 70px;
    _width: auto;
    overflow: hidden;
    display: block
}

.hd-account .hd-name:visited {
    color: #fff
}

.hd-account .hd-logindays {
    color: #84c6ea;
    display: block
}

.hd-account .hd-logindays:hover {
    text-decoration: underline
}

.hd-account-action {
    float: right;
    position: relative;
    margin-left: 20px
}

.hd-account-action .account-more {
    display: block;
    width: 27px;
    height: 21px;
    padding-top: 5px;
    cursor: pointer;
    text-align: center;
    position: relative
}

.hd-account-action:hover .account-more {
    background-color: #246fab;
    background-color: rgba(0,0,0,0.2)
}

.hd-account-action:hover .nx-drop-box {
    display: block
}

.ui-icon-crowncolor,.ui-icon-crowncolor:hover {
    color: #fdb944
}

.ui-icon-setting,.ui-icon-setting:hover {
    color: #a4aab4
}

.hd-login-tooltip {
    padding: 5px 10px
}

.t-wrap {
    width: 120px
}

.t-wrap p {
    line-height: 20px
}

.hd-login-tooltip .ui-tooltip-arr {
    height: 0;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #333 transparent;
    _border-color: tomato tomato tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    overflow: hidden;
    position: absolute;
    top: -6px;
    left: 62px
}

.hd-login-tooltip .r {
    float: right;
    text-align: right
}

.hd-account-action .showDrop .icon-arr-inner,.hd-account-action .account-more:hover .icon-arr-inner {
    border-top-color: #105994
}

.nx-account-drop {
    width: 153px;
    top: 26px;
    right: -1px;
    z-index: 121
}

.nv-account-ctrl {
    position: relative
}

.nv-account-ctrl a {
    padding: 10px 10px 10px 20px;
    display: block;
    height: 20px;
    line-height: 20px;
    color: #333
}

.nv-account-ctrl a:hover {
    background: #e6eef5;
    text-decoration: none
}

.nv-account-ctrl .active a {
    border-left: 3px solid #227dc5;
    padding-left: 17px
}

.nv-account-ctrl .nv-account-sline {
    height: 1px;
    overflow: hidden;
    margin: 5px 15px;
    line-height: 0;
    font-size: 0;
    background: #e5e5e5
}

.hd-account-action .nv-drop-vipstatus {
    padding: 10px 15px 10px 15px
}

.hd-account-action .hd-vip-level,.hd-account-action .hd-vip-level:hover {
    margin-left: 10px;
    display: inline-block;
    padding: 0 0 0 22px;
    width: 18px;
    color: #000;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: -1px;
    vertical-align: text-bottom;
    background-color: transparent!important;
    font-family: Calibri,Calibri,Verdana
}

.hd-account-action .hd-vip-level strong {
    font-weight: bold
}

.hd-account-action .hd-vip-level img {
    vertical-align: text-bottom
}

.nv-drop-vipstatus-progress {
    position: relative
}

.nv-drop-vipstatus-progress .nv-drop-vipstatus-progressbar {
    border: 1px solid #eff3f6;
    background-color: #f3f6f8;
    border-radius: 5px;
    margin: 5px 0;
    width: 123px;
    overflow: hidden
}

.nv-drop-vipstatus-progress .nv-drop-vipstatus-progressbar span {
    display: block;
    height: 6px;
    background-color: #82b769;
    border-radius: 5px;
    background-image: linear-gradient(0deg,#73ab59 0,#7bb460 100%)
}

.nv-drop-vipstatus-progressbar span.vipoverdie {
    background-color: #ef452f;
    background-image: linear-gradient(0deg,#f53118 0,#c3321f 100%)
}

.nv-drop-vipstatus-progress p {
    color: #999
}

.nv-drop-vipstatus-progress .nv-drop-vipstatus-progressstop {
    position: absolute;
    right: 0;
    bottom: 0
}

.nv-account-ctrl .ui-icon {
    margin-right: 10px
}

.hd-nav-item .fd-nav-num {
    margin-left: 10px;
    font: 12px/50px Arial;
    color: #9a9a9a
}

.pop-vip {
    background: #fff;
    box-shadow: 0 0 5px 0 #d1d4d7;
    border: 1px solid #e1dfdf;
    border-radius: 3px;
    position: absolute;
    top: 43px;
    right: -29px;
    padding: 5px 30px 5px 10px;
    display: none;
    width: 144px
}

.pop-vip .pop-vip-close {
    text-indent: -9999px;
    display: block;
    cursor: pointer;
    font-size: 8px;
    color: #999;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    background: url(http://s.xnimg.cn/nx/newsfeed/res/feed-icon.png) no-repeat;
    _background: url(http://s.xnimg.cn/nx/newsfeed/res/feed-icon-ie6.png) no-repeat;
    background-position: 0 -648px
}

.pop-vip .pop-vip-arrow {
    height: 0;
    border-width: 6px;
    border-color: transparent;
    _border-color: #fff;
    _filter: chroma(color=#fff);
    border-style: solid;
    overflow: hidden;
    position: absolute;
    top: -6px;
    left: 89px;
    border-top-width: 0;
    border-bottom-color: #fff;
    _border-bottom-color: #fff
}

.hd-unlogin li {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    float: right;
    margin-left: 20px
}

.hd-unlogin li a {
    color: #fff
}

.noLogin-header .hd-main {
    margin: 0
}

.noLogin-header .hd-nav {
    width: 960px
}

.noLogin-header .hd-logo {
    position: static;
    float: left
}

.register-wrap {
    background: #f4f9ff;
    height: 105px;
    border-bottom: 1px solid #e1dfdf;
    box-shadow: 0 0 0 1px #d1d4d7
}

.register-main {
    width: 960px;
    margin: 0 auto
}

#nxContainer .hd-nologin .hd-logo {
    width: 130px;
    left: 0
}

#nxContainer .hd-nologin .hd-nav {
    padding: 0;
    float: right;
    width: auto
}

#nxContainer .hd-nologin .hd-nav a {
    color: white;
    font-size: 16px;
    line-height: 50px;
    margin-left: 10px
}

.app-nav-wrap {
    top: 0;
    left: 0;
    width: 100%
}

.app-nav-cont {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #d9d9d9
}

.app-nav-item {
    cursor: pointer
}

.app-nav-item .app-link {
    display: block;
    height: 32px;
    padding: 10px 0 10px 20px;
    overflow: hidden;
    zoom: 1;
    position: relative
}

.app-nav-item .app-title {
    margin-right: 15px;
    color: #333;
    font-size: 14px;
    line-height: 32px;
    vertical-align: middle;
    zoom: 1;
    display: none;
    cursor: pointer;
    float: left;
    overflow: hidden;
    width: 79px;
    height: 32px
}

.app-nav-item .app-link:hover {
    text-decoration: none;
    color: #000;
    background-color: #cfd9e3
}

.app-nav-item-cur .app-link {
    background-position: right -228px
}

.app-nav-cont .icon-wrap {
    position: relative;
    display: inline-block;
    zoom: 1;
    float: left
}

.recent-app-cont .app-icon {
    background-image: none
}

.app-nav-item .app-icon,.app-nav-item .app-icon1,.app-nav-item .app-icon2,.recent-app-cont .app-more .app-icon {
    margin-right: 11px;
    vertical-align: middle;
    border-radius: 4px;
    float: left
}

.app-nav-cont .app-matter .app-icon {
    background-position: 0 -40px
}

.app-nav-cont .app-homepage .app-icon {
    background-position: 0 -80px
}

.app-nav-cont .app-album .app-icon {
    background-position: 0 -120px
}

.app-nav-cont .app-friends .app-icon {
    background-position: 0 -160px
}

.app-nav-cont .app-share .app-icon {
    background-position: 0 -200px
}

.app-nav-cont .app-myapp .app-icon,.app-nav-cont .app-myapp .app-icon1,.app-nav-cont .app-myapp .app-icon2 {
    background-position: 0 -360px
}

.app-nav-cont .app-manage .app-icon {
    background-position: 0 -240px
}

.app-nav-cont .app-more .app-icon {
    background-position: 0 -320px
}

.app-nav-cont .app-school .app-icon {
    background-position: 0 -520px
}

.app-nav-cont .app-st .app-icon {
    background-position: 0 -560px
}

.app-nav-item .app-icon-small {
    position: absolute;
    display: block;
    bottom: 7px;
    left: 32px
}

.my-app-cont,.recent-app-cont {
    border-top: 1px solid #eee
}

.recent-app-cont {
    border-bottom: 0
}

.my-app-cont .app-nav-list {
    display: none
}

.my-app-cont .app-manage-open .app-icon {
    background-position: 0 -280px
}

.recent-app-cont .app-mask {
    *display: block;
    *width: 33px;
    *height: 33px;
    *position: absolute;
    *top: 0;
    *left: 0;
    *background: url(http://a.xnimg.cn/nx/core/theme/skin/mainframe/mask33.png)
}

.app-nav-item .app-link .icon-notic-bob {
    display: inline-block;
    height: 12px;
    width: 12px;
    position: absolute;
    background-position: 0 -210px;
    top: 5px;
    left: 45px
}

.app-nav-tooltip .ui-tooltip-arr {
    height: 0;
    border-width: 6px 6px 6px 0;
    border-color: transparent #333 transparent transparent;
    _border-color: tomato #333 tomato tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: -5px
}

.frame-nav-wrap {
    margin: 0 auto;
    height: 50px;
    position: relative;
    *z-index: 110
}

.frame-nav-fixed-wraper {
    width: 100%;
    height: 50px;
    box-shadow: 0 4px 4px -3px #d1d1d1;
    top: 50px;
    z-index: 100;
    background: #f3f6f8;
    position: fixed
}

.hd-wraper .frame-nav-fixed-wraper {
    background: #227dc5
}

.frame-nav-inner {
    width: 760px;
    margin: 0 auto;
    height: 50px;
    z-index: 99
}

.fd-nav-item {
    margin-right: 40px;
    float: left
}

.fd-nav-item a,.fd-nav-item .fd-name {
    display: inline-block;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    color: #333
}

.fd-nav-cur-item a,.fd-nav-item a:hover {
    height: 47px;
    text-decoration: none;
    border-bottom: 3px solid #227dc5;
    _overflow: hidden
}

.fd-nav-item .fd-nav-icon {
    top: 5px;
    *top: 2px
}

.fd-nav-item .fd-nav-home {
    background-position: 0 -180px;
    margin: 0 5px 0 0
}

.fd-nav-item .fd-sub-nav {
    background: url(http://a.xnimg.cn/nx/core/theme/skin/mainframe/icons.png) no-repeat 0 0;
    margin: 0 5px 0 0
}

.fd-arr-down {
    display: inline-block;
    height: 6px;
    width: 13px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    letter-spacing: 0;
    zoom: 1;
    z-index: 1
}

.fd-arr-outer,.fd-arr-inner {
    position: absolute;
    display: block;
    height: 0;
    border-width: 8px 8px 0 8px;
    border-color: #999 transparent transparent transparent;
    _border-color: #1e6ead tomato tomato tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    top: -2px;
    left: -1px
}

.fd-arr-inner {
    border-top-color: #f3f6f8;
    top: -11px;
    left: -8px
}

.fd-nav-drop {
    width: 190px;
    top: 45px;
    right: 0
}

.fd-nav-drop .fd-nav-mitem-num {
    display: inline-block;
    width: 25px;
    float: right;
    margin: 0 5px;
    text-align: left;
    color: #b6b6b6
}

.double-cols-feed #frameFixedNav {
    text-align: center
}

.double-cols-feed .fd-nav-list {
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left
}

.fd-nav-list .fd-nav-showmore {
    position: relative;
    margin: 0
}

.fix-app-nav {
    z-index: 130;
    background: #227dc5
}

.fix-app-nav .frame-nav-inner {
    position: relative
}

.fix-app-nav .hd-wraper,.fix-app-nav .nx-sidebar {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0
}

.fix-app-nav .hd-wraper {
    width: 100%;
    z-index: 100
}

.fix-app-nav .frame-nav-wrap {
    box-shadow: none
}

.fix-app-nav .frame-nav-fixed-wraper {
    background: 0;
    box-shadow: none
}

.fix-app-nav .fd-nav-item a,.fix-app-nav .fd-nav-item .fd-nav-num,.fix-app-nav .fd-nav-item .fd-name {
    color: #b4dbf9
}

.fix-app-nav .fd-nav-item .fd-arr-outer {
    border-top-color: #b4dbf9
}

.fix-app-nav .fd-nav-item .fd-arr-inner {
    border-top-color: #227dc5
}

.fix-app-nav .fd-nav-cur-item a,.fix-app-nav .fd-nav-item a:hover {
    color: #fff;
    border-bottom: 3px solid #fff
}

.fix-app-nav .nf-group-item a,.fix-app-nav .nf-group-item a:hover {
    color: #333
}

.fix-app-nav .nf-group-item .fd-nav-num {
    color: #AAA
}

.ft-wrapper {
    position: relative;
    border-top: 1px solid #d8d8d8;
    padding: 15px 0 30px;
    width: 760px;
    margin: 30px auto 0;
    background-color: transparent
}

.ft-wrapper p {
    float: left;
    margin-right: 40px
}

.ft-wrapper p a,.ft-wrapper strong,.ft-wrapper span {
    display: block;
    line-height: 28px;
    color: #666
}

.ft-wrapper p a {
    outline: 0
}

.ft-wrapper span {
    text-align: right
}

.ft-wrapper a.l-2 {
    line-height: normal
}

.ft-wrapper p a:hover {
    color: #227dc5
}

.ft-wrapper .copyright-info {
    float: right;
    margin-right: 0
}

.law-info {
    color: #666;
    line-height: 25px;
    margin-bottom: 30px
}

.law-info a:link,.law-info a:visited {
    color: #666
}

.law-info a:hover {
    text-decoration: underline
}

.law-info p {
    padding-left: 30px;
    background: url('http://s.xnimg.cn/imgpro/civilization/sprite-law.png') no-repeat
}

.law-info .typ2 {
    background-position: 0 -25px
}

.law-info .typ3 {
    background-position: 0 -50px
}